@font-face {
	 src: url(/RobotoCondensed-Regular.ttf);
	font-family: robotoCondensed;
}

html {
	position: relative;
	min-height: 100%
}

body {
	background-color: #bdc3c7;
	font-family: robotoCondensed, sans-serif;
	margin: 0 0 100px;
}

footer {
	background-color: #4f964f;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
	overflow:hidden;
	color: white;
}

footer a {
	color: white;
}

footer a:hover {
	text-decoration: underline;
	color: white;
}

footer a i {
	vertical-align: middle;
	margin-right: 5px;
}

a {
	color: #4f964f;
	cursor: pointer;
}

.link-color {
	color: #4f964f;
}

#info .modal-body h4 {
	color: #4f964f;
	font-size:1.3rem;
}

.modal#info .modal-dialog  {
	max-width: 900px!important;
}


#tab-content {
	margin-top: 15px;
	padding: 10px;
}

#tab-content strong {
	color: #4f964f;
}

.abc-checkbox input[type="checkbox"]:checked+label::after,
.abc-checkbox input[type="radio"]:checked+label::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
	font-weight: 900;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: #212529!important;
}

.btn-light, .btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}


div.card {
	margin: 5px;
	margin-bottom: 10px;
}

.overview-alert {
	margin: 5px;
}

.preselect_owner .col-sm-4{
	padding-right: 5px;
	padding-left: 5px;
}

.card.glow:hover {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 150, 79, 0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 150, 79, 0.6);
	cursor: pointer;
}

.center {
	margin: auto;
}

.block{
	display: block;
}

.has-error {
	color: #dc3545!important;
}

.has-error input {
	border: 1px solid #dc3545;
}

.has-error input::placeholder {
	color: #dc3545;
}

.hide {
	display: none!important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	background-image: none;
}

.form-control:focus, .page-link:focus {
	border-color: #4f964f;
	box-shadow: 0 0 0 0.2rem rgba(79,150,79,.25);
}

.form-control-group {
	margin: 5px;
}

a:hover {
	color: #3b703b;
	text-decoration: none;
}

.btn-primary {
	-webkit-transition: background-color 0.2s, border-color 0.2s; /* Safari */
	border-color: #4f964f;
	background-color: #4f964f;
	transition: background-color 0.2s, border-color 0.2s;
}

.btn-primary:hover {
	border-color: #3b703b;
	background-color: #3b703b;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #4f964f;
	border-color: #4f964f;
}

a.block-link {
	-webkit-transition: background-color 0.2s, color 0.2s; /* Safari */
	padding: 40px;
	border: 1px solid #4f964f;
	transition: background-color 0.2s, color 0.2s;
}

a.block-link:hover {
	background-color: #4f964f;
	color: #fff;
}

.content {
	margin-top: 50px;
	padding: 50px;
	background-color: white;
}

.sidebar-registration-data {
	margin-top: 50px;
	background-color: #4f964f;
	position: relative;
	min-height: 100px;
	color:white;
}

.sidebar-registration-data dl dd {
	word-break: break-all;
}

.sidebar-top-title {
	font-weight: bold;
	border-bottom: 1px solid white;
}

.sidebar-nav {
	min-height: 450px;
	margin-top: 25px;
	background-color: #4f964f;
	position: relative;
}

.no-min-height {
	min-height:initial;
}

.sidebar-title.bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #FFF;
}

#top-nav {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #4f964f;
}

#top-nav a, .sidebar-title a, .sidebar-subtitle a {
	color: white;
}

#top-nav .dropdown-menu a {
	color: #4f964f;
}

#top-nav .dropdown-menu a:hover {
	color: #fff;
	background-color: #4f964f;
}



#top-nav .navbar-toggler {
	padding: 11px;
	border: 1px solid white;
	color: white;
	font-size: 14px;
}

.m-top {
	margin-top: 20px;
}

.sidebar-title {
	display: block;
	text-decoration: none;
}

.sidebar-title i.right {
	float: right;
	font-weight: bold;
	line-height: 25px;
}

.sidebar-title a, .sidebar-subtitle a {
	-webkit-transition: background-color 0.2s, color 0.2s; /* Safari */
	display: block;
	padding: 10px 20px;
	transition: background-color 0.2s, color 0.2s;
}

.sidebar-title a, ul.nav.flex-column .sidebar-subtitle:last-child {
	border-bottom: 0.2px solid #fff;
}

.sidebar-title a:hover, .sidebar-subtitle a:hover, .sidebar-nav .active a {
	background-color: #fff;
	color: #4f964f
}

.sidebar-subtitle a {
	text-indent: 18px;
}

.page-item.active .page-link {
	border-color: #4f964f;
	background-color: #4f964f;
}

.page-link {
	color: #4f964f;
}

.form-prev, .form-next {
	/* left: 15px !important; */
	top: 50%;
	-webkit-box-shadow: 5px 0px 20px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 5px 0px 20px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 5px 0px 20px 0px rgba(50, 50, 50, 0.2);
	text-align: left !important;
	height: 70px;
	max-height: 100px;
	position: absolute;
}

.form-prev {
	left: 15px !important;
}

.form-next {
	right: 15px!important;
}

.form-prev i, .form-next i {
	padding-top: 25px;
	padding-left: 11px;
	width: 50px;
	height: 100px;
	background-color: #4f964f;
	color: #fff;
	display: inline-block;
	z-index: 1003;
}

.form-prev i:hover, .form-next i:hover {
	animation-iteration-count: infinite;
	animation-duration: 0.5s;
}
.form-prev i:hover {
	animation-name: icon-prev;
}
.form-next i:hover {
	animation-name: icon-next;
}

.file_names span {
	margin-left: 5px;
}

.file_names .table tbody tr:last-child {
	border-bottom: 1px solid #dee2e6!important;
}

.smaller {
	font-size: 60%;
}

h3 a.float-right {
	padding-top: 13px;
}

.disabled a {
	pointer-events: none !important;
	opacity: 0.3;
}

.disabled {
	cursor: not-allowed;
}

@keyframes icon-prev {
  0%   {padding-left: 11px;}
  50%  {padding-left: 2px;}
  100% {padding-left: 11px;}
}

@keyframes icon-next {
  0%   {padding-left: 11px;}
  50%  {padding-left: 19px;}
  100% {padding-left: 11px;}
}

div.login-link {
	margin-right: auto;
	display: block;
	margin-left: auto;
	margin-bottom: 10px;
	text-align: center;
}

img.login-small {
	width: 75px;
}


img.login {
	width: 150px;
	margin-top: 30px;
}

h5.subtitle {
	font-size: 1.15rem;
}

.col-form-label {
	font-weight: bold;
}

.reply-customer .card-body {
	background-color: #efe ;
}

.reply-customer {
	margin-left: 20px!important;
}

.reply-tersana {
	margin-right: 20px!important;
}

.tip-image {
	height: 40px;
	width: 35px;
}

.underline {
	text-decoration: underline;
}

/* MAP STYLE =================================================================== */
#map {
	display: block;
	min-height: 600px;
}

.leaflet-control-search.search-exp {
	border: none!important;
	background: none!important;
}

#search {
	min-width: 500px;
}

#search input {
	width: 80%;
	float: left;
}

#search a.btn-primary {
	margin-left: 10px;
}

.leaflet-control-search .search-tooltip {
	max-height: 200px !important;
}

.leaflet-control-search .search-tip {
	margin: 0!important;
	margin-left: 2px !important;
	border-radius: 0!important;
	background-color: white!important;
}

.leaflet-control-search .search-tip:hover {
	background-color: #e0e0e0!important;
}

.lot_tr:hover {
	cursor: pointer;
}

/**
 * Dropzone
 */
.dropzone {
	position: relative;
	background: #fcfcfc;
	border: dashed 1px #ddd;
	padding: 20px;
	min-height: 125px;
	margin-bottom: 25px;
	cursor: pointer
}

	.dropzone .dz-message {
		width: 190px;
		opacity: .5;
		margin: 0 auto;
		text-align: center;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

		.dropzone .dz-message span {
			display: block;
			margin-left: 30px
		}

		.dropzone .spinner {
			opacity: 0.5;
			text-align: center;
			margin-top: 20px;
			width: 19px;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}

.dz-preview {
	display: none
}

.has-error .dropzone {
	border-color: #a94442
}

.has-error button {
	color: #a94442;
	border: 1px solid #a94442;
}

.well {
	background: #fff;
	margin-bottom: 50px;
	border-radius: 0;
	box-shadow: none;
	border: dashed 1px #ccc
}

.btn-sm {
	padding: 4px 7px;
	line-height: 1.5
}
.btn-sm .glyphicon {
	font-size: 1.3em;
}
.btn-group > .btn.multiselect {
	border: 1px solid #ced4da;
}
.has-error .multiselect {
	border: 1px solid #dc3545!important;
}

.input-group-addon.glyphicon {
	top: 0;
	padding-top: 5px
}

.md-editor .glyphicon, .md-editor .glyphicons:before, .md-editor .social:before {
	font-size: inherit;
}

.glyphicons {
	padding-left: 0;
	color: inherit;
	width: 1em;
}

	.glyphicons:before {
		top: -8px
	}

#icon-list .btn {
	padding: 8px 8px 2px 6px;
	min-width: 45px
}

#icon-list ul{
	width: 550px;
	height: 400px;
	overflow-y: scroll
}

	#icon-list ul > li:first-child {
		padding-left: 5px;
	}

	#icon-list ul li {
		text-align: center
	}

	#icon-preview {
		min-height: 20px;
		padding: 4px 6px;
		display: inline-block
	}

	#icon-list ul a {
		padding: 4px 7px;
		display: inline-block;
	}

		#icon-list ul a.active {
			background-color: #c00;
		}

			#icon-list ul a.active span:before {
				color: #fff
			}

	#icon-list ul span, #icon-list ul span:before {
		font-size: 25px;
		padding-left: 0;
		position: relative;
		margin: 0
	}

	#icon-preview, #icon-preview:before {
		font-size: 13px
	}

.pagination .jump-to-page {
	padding: 4px
}
	.pagination .jump-to-page input {
		border: solid 1px #eee;
		text-align: center
	}

h4 small {
	font-size: 16px;
}

@media (min-width: 768px) {

	#top-nav li {
		-webkit-transition: background-color 0.2s, color 0.2s; /* Safari */
		margin-left: 1rem;
		border: 1px solid #fff;
		transition: background-color 0.2s, color 0.2s;
	}

	#top-nav li:hover {
		background-color: #fff;
		color: #4f964f;
	}

	#top-nav li:hover a {
		color: #4f964f;
	}
}

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