html {
  font-size: 14px;
  line-height:1.428;
}


.form-group {
    margin-bottom: 0.4rem !important;
}

label {
    margin-bottom: 0.1rem !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.form-control, .input-group-addon  {
    padding: 0.2rem 0.5rem !important;
}


input[type=radio] {
	margin-right:0.3rem !important;
	padding-top:0.05rem !important;
    height: 2rem !important;
}

label.radio-inline {
	margin:0 !important;
	padding:0 !important;
	display:flex !important;
	align-items: center !important;
}

.client-li-container {
	max-width:100% !important;
}

.client-li-text div {
	display: flex !important;
	justify-content: space-between !important;
}  
.client-li-text p {
	margin-left: 10px !important;
	font-weight: bold !important;
	text-align: right !important;
	word-wrap: break-word !important;
} 

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

     

.picture {
    display: block;
    width: 300px;
    height: 225px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-width: 100%;
}


.badInput {
	border:1px solid red !important;
}

.required-field {
	color:red;
	margin-left: 5px;
}

.darkened {
	background-color: #dadada
}

.important-message{
	color:red;
}

.highlighted {
	color:blue
}

.below-line {
	border-top:5px solid black	
}

.blue-bg {
	font-size:1.2rem; 
	background-color:#325c87; 
	color:white;
}

.red-bg {
	background-color: #f8d7da !important;
}

#addRegistrationModal .modal-dialog, #addCarModal .modal-dialog, #carOfferPrintModal .modal-dialog  {
  max-width: 1000px !important;
}

#printModal .modal-dialog, #printQuickModal .modal-dialog {
  max-width: 1000px !important;
}

#contractInsuranceModal .modal-dialog {
  max-width: 1000px !important;
}

#leasingDocumentsModal .modal-dialog {
  max-width: 800px !important;
}

#addLeasingExpenseModal .modal-dialog {
  max-width: 600px !important;
}

#display-leasing table td, #display-leasing table th, #display-calculation table td, #display-calculation table th,
#display-quick-calculation table td, #display-quick-calculation table th
{
	padding:2px 5px !important;
}

/* quick offer pdf */

#print-quick-preview #quick-contact-info{
    padding: 20px !important;
    border: 2px solid black !important;
    font-size: 10px !important;
}
#holding-pdf-element{
	padding: 20px !important;
   /* border: 2px solid black !important;
    font-size: 10px !important;*/
	
} 


#print-quick-preview p {
    margin-bottom:5px !important;
}

/* end quick offer pdf */

#balance-table td, #balance-table th{
 	padding:1px 1px !important;
 	font-size:11px !important;
}

div#export-stats.reducedFont table tr td, div#export-stats.reducedFont table tr th {
	font-size:8px !important;
	padding: 0px 0px !important;
}

div#export-stats.reducedFont button {
	display:none !important;
}
 
#display-quick-print-preview table th,
#display-quick-print-preview table td,
#display-leasing-print-preview table td,
#display-leasing-print-preview table th,
#see-new-plan table th,
#see-new-plan table td,
#see-new-plan.print table th,
#see-new-plan.print table td,
#display-calculation.print table td, 
#display-calculation.print table th,
#holding-pdf-element table td,
#holding-pdf-element table th,
#holding-pdf-element.print table td,
#holding-pdf-element.print table th
 {
	padding:0px 4px !important;
	font-size:9px !important;
	border:none;
	line-height:12px;
}

#printModal #display-car-print-preview {
	font-size:16px !important;
}


#addCarModal .row {
	margin-bottom: 0.4rem !important;
}

#addCarModal span {
	margin: 0 0.4rem !important;
}

#car-general-info span {
	margin: 0.1rem 0.4rem !important;
}

#car-added-extras-list span {
	margin: 0.1rem 1.2rem 0.1rem 0!important;
}

#extras-list .card-block {
	color: #fff;
    background-color: #8E8C84;
    border-color: #8E8C84;
}

#car-owners-panel {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	overflow: auto;
}

#car-owners-panel th {
	padding: 0.2rem 0.2rem !important;
}

#car-owners-panel td {
	padding: 0.1rem 0.1rem !important;
}

.owner-display-table {
	flex: 0 0 350px;
}


#car-added-extras-list span:nth-child(2n){
	color:rgba(50,93,136,1.00);
}

#car-added-extras-list span:nth-child(2n+1){
	color:rgba(255,108,0,1.00);
}

#registrations-table td, #registrations-table th {
	padding:3px 5px !important;
}
#tab-leasing-client-expenses table td, #tab-subleasing-client-expenses table td, #tab-subleasing-partner-expenses table td {
	padding:3px !important;
}
#tab-leasing-client-expenses table th, #tab-subleasing-client-expenses table th, #tab-subleasing-partner-expenses table th {
	padding:3px !important;
}


#car-info-panel div:nth-child(2n) {
	background-color:#eceeef;
}

.custom-table-header {
	border:1px solid black;
	padding:10px;
	margin:2px;
}

.custom-table-content {
	margin-top:7px;
	margin-bottom:7px;
}
.custom-table-content > div:nth-child(1){
	width:78%;
	padding-left:20px;
}
.custom-table-content > div:nth-child(2){
	width:10%
}
.custom-table-content > div:nth-child(3){
	width:10%
}

.opened-icon {
	color:#f1dd44
}

#owed-carsByFilter-contragent-container #add-owed-carsByFilter-contragent, #owed-bank-name-container #add-owed-bank-name, #stats-purchases-contragent-container #add-stats-purchases-contragent {
	display:none !important;
}

#owed-bavaria-name-container #add-owed-bavaria-name, #add-payout-contragent-owner, #add-payout-contragent-client  {
	display:none !important;
}

#add-stats-go-contragent, #add-stats-go-lessor, #add-stats-roadTax-contragent, #add-stats-roadTax-lessor, #add-stats-kasko-contragent, #add-stats-kasko-lessor, #add-stats-fines-contragent, #add-stats-fines-lessor {
	display:none !important;
}

#add-stats-sales-client, #add-stats-sales-contragent, #add-cash-flow-contragent, #add-balance-contragent {
	display:none !important;
}

#add-change-contract-new-client {
	display:none !important;
}

#add-stats-overdues-contract {
	display:none !important;
}

.forFlow {
	background-color: #a8d2e882;
}

.forProfit {
	background-color: #b7e0af8f;
}

#mainContract td, #firsts td {
	text-align: right;
}

#firsts td:nth-child(1), #firsts td:nth-child(5) {
	text-align: center;
}

#mainContract th, #firsts th{
	text-align: center;
}

#payout-contract-table th, #payout-contract-table td{
	padding: 3px !important;
    font-size: 13px;
}

#payout-contract-table td{
	text-align:right;
}

.barter-clicked-car {
	background-color:#ccc;
}

.print-date {
	width:95%;
}

.label-for-xlsx, .spacer-for-xlsx {
	background: #fff;
    text-align: left;
    border: 1px solid #fff !important;
}

.label-for-xlsx > * {
	margin-bottom:0px !important;
}

.font-12 th, .font-12 td{
    padding: 2px !important;
    font-size:12px !important;
} 

.font-11 th, .font-11 td{
    padding: 2px !important;
    font-size:11px !important;
} 

.font-9 th, .font-9 td{
    padding: 1px !important;
    font-size:9px !important;
} 

.font-10 th, .font-10 td{
    padding: 1px !important;
    font-size:10px !important;
} 

.page-size {
	position:absolute;
	width:120px;
	right:10px;
	
}

.page-size input {
	width:50px !important;
	display:inline-block !important;
	text-align: right;
}

ul.pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 120px;
}

.inline-sum-link {
		font-size:10px;
		color:blue;
		text-decoration:underline;
		cursor:pointer;
		display:flex;
		
}

.main-nav-indicator {
	width:10px;
	height:10px;
	background:red;
	border-radius:5px;
	box-shadow:0 0 3px 3px red;
	cursor:pointer;
}

.docs-right {
	margin-left: auto; 
	margin-right: 0;
}
@media only screen and (max-width: 992px) {

	#logout-button, #open-login-button {
	    position: absolute;
	    top: 5px;
	    left: 5px;
	}
}

.external-cars-list-wrapper {
	max-height: 600px;
}

#external-cars-list .col-model-large {
	width: 115px;
	min-width: 115px;
	max-width: 115px;
}

#external-cars-list .col-model-mid {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

#external-cars-list .col-model-small {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
}

#external-cars-list {
	margin-top: 0 !important;
	border-spacing: 0;
	border-collapse: collapse;
	border: none !important;
}

.checkbox-cell {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: relative;
}

.num-col {
	width: auto !important;
	min-width: fit-content;
	text-align: center;
	white-space: nowrap;
}

.checkbox-cell input[type="checkbox"] {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.checkbox-x {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	pointer-events: none;
	font-weight: bold;
	font-size: 22px;
	color: black;
}

.checkbox-cell input[type="checkbox"]:checked + .checkbox-x,
.checkbox-cell input[type="checkbox"]:checked ~ .checkbox-x {
	display: none;
}

#allCarsCheckboxContainer {
	display: none;
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}

#allCarsCheckboxContainer.visible {
	display: block !important;
	height: 40px;
	margin-left: 0.5rem;
}

#catalogNumberWrapper label {
	display: inline-block;
}

.form-popup {
	position: absolute;
	top: 100%;
	left: 0;
	border: 0;
	border-radius: 6px;
	padding: 6px 10px;

	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 0.3s ease;
	z-index: 1000;
	white-space: nowrap;
}

.form-popup.visible {
	max-height: 60px;
	opacity: 1;
}

#allCarsCheckboxContainer .form-check-input {
	margin-left: -4px;
}

#allCarsCheckboxContainer .form-check-label {
	position: relative;
	top: 2px;
}

#catalogNumberWrapper {
	transition: all 0.3s ease;
	overflow: hidden;
}

#catalogNumberWrapper.hidden {
	max-height: 0;
	opacity: 0;
	padding: 0;
	margin: 0;
	pointer-events: none;
}