/* VARIABLES */
:root {
  --header-color: #43718c;
  /* --header-background-image: url(img/header-background-medium.jpg); */
  --header-background-image: none;
  --color-background-primary: rgba(255, 255, 255, 0.86);
  --color-background-primary-content: #ffffffdb;
  --color-text-primary: rgb(51, 51, 51);
  --color-text-primary-content: rgb(51, 51, 51);
  --color-contrasted-elements: #43718c;
  --color-contrasted-elements-light: #c3dceb;
  --color-contrasted-text: white;
  --color-dark-gray-elements: rgb(51, 51, 51);
}

/* BODY */
body {
	background-color: var(--color-background-primary);
}

/* BUTTONS */
button.btn,
a.btn,
input.btn {
	background-image: none;
	background-color: var(--color-contrasted-elements-light);
	background-color: transparent;
	/* color: var(--color-text-primary); */
	box-shadow: none;
	text-shadow: none;
}

input.btn {
	border: 1px solid #ccc;
}

button.btn:focus,
a.btn:focus,
input.btn:focus {
	background-color: var(--color-contrasted-elements-light);
	color: var(--color-text-primary);
}
button.btn:hover,
button.btn.active,
a.btn:hover,
a.btn.active,
input.btn:hover,
input.btn.active {
	background-color: var(--color-contrasted-elements);
	color: var(--color-contrasted-text);
}
/* button types (bootstrap) */
/* button types */
/* .btn.btn-primary,
.btn.btn-primary:focus {
	background-color: #00816e;
	color: white;
} */

.btn.btn-primary:focus {
	background-color: #00816e;
}

.btn.btn-info,
.btn.btn-info:focus {
	background-color: #00816e;
	color: white;
}
.btn.btn-success,
.btn.btn-success:focus {
	background-color: #95c02a;
	color: white;
}
.btn.btn-warning,
.btn.btn-warning:focus {
	background-color: #f9a227;
	color: white;
}
.btn.btn-danger,
.btn.btn-danger:focus {
	background-color: #da4f49;
	color: white;
}
/* hover & active */
.btn.btn-primary:hover,
.btn.btn-primary.active {
	background-color: #008DD2;
	filter: brightness(110%);
}
.btn.btn-info:hover,
.btn.btn-info.active {
	background-color: #00816e;
	filter: brightness(110%);
}
.btn.btn-success:hover,
.btn.btn-success.active {
	background-color: #95c02a;
	filter: brightness(110%);
}
.btn.btn-warning:hover,
.btn.btn-warning.active {
	background-color: #f9a227;
	filter: brightness(110%);
}
.btn.btn-danger:hover,
.btn.btn-danger.active {
	background-color: #da4f49;
	filter: brightness(110%);
}

/* DROP-DOWN LISTS */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	background-image: none;
	background-color: var(--color-contrasted-elements);
	color: var(--color-contrasted-text);
}
.btn-group.open .btn.dropdown-toggle {
	background-color: var(--color-contrasted-elements);
	color: var(--color-contrasted-text);
}

/* FORMS */
/* Form submit button container */
div.jforms-submit-buttons {
	padding: 5px;
	padding-top: 20px;
	background: none;
	border: none;
}

/* Form submit buttons */
div.jforms-submit-buttons.form-actions .btn {
	transition: none;
	border: 1px solid transparent;
	box-shadow: none;
	text-shadow: none;
}

div.jforms-submit-buttons.form-actions .btn:hover,
div.jforms-submit-buttons.form-actions .btn:focus {
	filter: brightness(0.95);
	color: black;
}

div.jforms-submit-buttons.form-actions .btn.jforms-ctrl-reset {
	background-color: lightgrey;
}
div.jforms-submit-buttons.form-actions #jforms_view_edition__submit_cancel {
	background-color: #fd8c62;
}
div.jforms-submit-buttons.form-actions #jforms_view_edition__submit_submit {
	background-color: #aedb6a;
}

/* HEADER */

#header {
	background-color: var(--header-color);
	background-image: var(--header-background-image);
	background-repeat: repeat;
	color: var(--color-contrasted-text);
}

#logo {
	background: url(img/logo.png) no-repeat;
	background-size: contain;
}

#headermenu {
	background-color: transparent;
}

#auth {
	background: transparent;
}
.navbar .nav > a,
.navbar .nav > li > a,
.navbar .nav > li > a {
	color: var(--color-contrasted-text);
}
.navbar .nav .active > a,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: var(--color-background-primary);
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: var(--color-text-primary);
	background-color: var(--color-background-primary);
}
.navbar .nav > li > .dropdown-menu:after {
	border-bottom: 6px solid var(--color-background-primary);
}
.dropdown-menu {
	background-color: var(--color-background-primary);
}
.navbar .navbar-inner .icon {
	background-image: url(images/sprite_20_tools.png);
}

.navbar .nav .dashboard-item .icon {
	background-position: -975px 0px;
}
.navbar .nav .dashboard-item a:hover .icon,
.navbar .nav .dashboard-item.active a .icon {
	background-position: -950px 0px;
}

.navbar .nav .login .icon {
	background-position: -225px 0px;
}
.navbar .nav .login a:hover .icon,
.navbar .nav .login.active a .icon {
	background-position: -200px 0px;
}
.navbar .nav .registered .icon {
	background-position: -825px 0px;
}
.navbar .nav .registered a:hover .icon,
.navbar .nav .registered.active a .icon {
	background-position: -800px 0px;
}
.navbar .nav .user .icon {
	background-position: -575px 0px;
}
.navbar .nav .user a:hover .icon,
.navbar .nav .user.active a .icon,
.navbar .nav .user.open a .icon {
	background-position: -550px 0px;
}
.navbar .nav .home .icon {
	background-position: -25px 0px;
}
.navbar .nav .home a:hover .icon,
.navbar .nav .home.active a .icon {
	background-position: 0px 0px;
}
.navbar-search .search-query{
	height: 100%!important;
	min-width: 17.5rem;
}

.btn:focus {
	transition: none !important;
	-webkit-transition: none !important;
	background-position: center center!important;
}