html {
	height: 100%;
}
body, p, table, label, a {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}

table td {
	font-size: 14px;
}

.kt-menu__link, .kt-menu__link-text {
	font-size: 15px !important;
}

.no-margin {
	margin: 0;
}

.alert {
	font-size: 16px !important;
}

a:hover{
	text-decoration: none;
}

.error {
	color: #c00;
	border-color: #c00;
}

label.error {
	font-size: 0.9rem;
}
.dashboard select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */
  background: url("../img/sort-arrows.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/sort-arrows.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
/*For IE*/
.dashboard select::-ms-expand { display: none; }
/* ==== Lost Password ==== */

.lost-password-page{
	background: #eeeef7;
}

/* ==== Login ==== */
.login-page {
	overflow: hidden;
	height: 100vh;
	background: #eeeef7;
}

.login__card--shadow {
	box-shadow: 0px 10px 20px #dbdbe1;
}
/* ==== Search ==== */


.search-bar--icon {
	color: black !important;
	outline: none !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #e2e5ec !important;
	border-radius: 4px !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-left: none !important;

}

.search-bar--icon:hover {
	color: black !important;
	background-color: #fff !important;
!important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
#search-form .form-control:focus{border-right:none;}
.form-control:focus {
	border-color: #ced4da;
	box-shadow: none;
}

#active-btn, #inactive-btn {
	border-radius: 20px;
	padding: .2rem .75rem;
	margin-right: .75rem;
}

.btn-download i,
.btn-close i {
	font-size: 1.5rem;
}

.btn-download i {
	color: #0a9bbb;
}

.btn-close i {
	color: #dc3545;
}

/* ==== adaugare client ==== */
input[type="file"] {
	position: absolute;
	left: 0;
	opacity: 0;
	top: 0;
	bottom: 0;
	width: 100%;
}

.upload-file div {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.bg-upload-gold {
	background: #ada038;
	border: 1px solid #ada038;
}
.upload-file {
	display: block;
 	position: relative;
	height: 30px;
}
.bg-upload-purple {
	background: #7839ac;
	border: 1px solid #7839ac;
}

.bg-upload-blue {
	background: #399fad;
	border: 1px solid #399fad;
}

/* === clienti === */

.c-pagination li.active .a{
	background-color: #fff;
	color: #007bff!important;
}

/*pagination*/
.pagination li a{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
.pagination li a:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
.pagination li a:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.pagination li a:not(:disabled):not(.disabled){cursor:pointer}
.pagination li:first-child .pagination li a{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.pagination li:last-child .pagination li a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.pagination-lg .pagination li a{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
.pagination-lg .pagination li:first-child .pagination li a{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .pagination li:last-child .pagination li a{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .pagination li a{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
.pagination-sm .pagination li:first-child .pagination li a{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .pagination li:last-child .pagination li a{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
.pagination .active a{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
.pagination .disabled a{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}


.list-input-group .input-group {
	display: inline-block;
	max-width: 30%;
}

.list-input-group .input-group .form-control {
	width: 100%;
}

.input-group .form-control {
	margin: 0;
}

.input-group .input {
	width: 80%;
}

.action-buttons a {
	margin: 0.2rem;
}

.vertical-align-end {
	display: flex;
	align-items: flex-end;
}

.button-custom-as-input {
	margin: 0;
	width: 100%;
	line-height: 2.7;
	height: calc(1.5em + 1.3rem + 2px) !important;
}

.hidden {
	display: none !important;
}

.width-auto-md {
	width: auto;
}

.search-bar--icon-value {
	border-radius: 4px 0 0 4px !important;
	border-right: none !important;
}

.add-client-button {
	height: 100% !important;
	line-height: 2 !important;
}

.client-notes {
	width: 500px;
	min-height: 150px;
	background-color: lightyellow;
	border: 1px solid black;
}

.lead {
	font-size: 20px !important;
}

.kt-section__body {
	position: relative;
}

.overlay {
	display: none;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(255,255,255,0.5);
}

.js--spinner {
	display: none;
	position: absolute;
	font-size: 20rem;
	bottom: 30%;
	left: 40%;
}

.sections .input {
	display: inline-block;
	line-height: 0;
}
.sections .input input {
	width: 20px;
}

.custom-radio-button {
	width: 15px;
	height: 15px;
}

.radio-buttons {
	padding: 9px 25px;
	color: #ffffff;
}

.js--old-drivers td, .js--dummy-data td {
    padding: 5px 0;
}
.js--old-drivers td input, .js--old-drivers td select, .js--dummy-data td input, .js--dummy-data td select  {
    max-width: 90%;
}

.kt-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.max-full {
    max-width: 100% !important;
}

@media( max-width:992px ) {
	.add-drivers__header,
	.add-client__header {
		-ms-flex-direction: column!important;
    	flex-direction: column!important;
	}
	.add-drivers__btn-dashboard {
		margin: 15px 0;
	}
	form .col-lg-3:not(:first-child),
	form .col-lg-4:not(:first-child),
	form .col-lg-6:not(:first-child){
		margin-top: 0.7rem!important;
	}
	.width-auto-md {
		width: inherit;
	}
	.client-notes {
		width: 300px;
	}
}

@media (max-width:767px){
	.mobile-mb {
		margin-bottom: 1rem;
	}
	.mobile-mt{
		margin-top: 1rem;
	}
	.client-notes {
		max-width: 200px;
	}
	.js--spinner {
		bottom: 5%;
		left: 20%;
		font-size: 10rem;
	}
    #kt_header_mobile_toggler {
        display: none !important;
    }
}