/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	scrollbar-color: #81894f #ffffff;
}

body {
	font-family: Roboto, sans-serif; 
	font-size: 16px;
	line-height: 1.5;
}

input, select, textarea {
	font-family: Roboto, sans-serif;
	font-size: 16px;
}

a {
	color: rgb(40, 40, 40);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* Headings */
h1 {
	font-weight: bold;
	font-size: 28px;
}

h2 {
	font-weight: bold;
	font-size: 24px;
}

h3 {
	font-weight: bold;
	font-size: 22px;
}

h4 {
	font-weight: bold;
	font-size: 20px;
}

h5 {
	font-weight: bold;
	font-size: 18px;
}

h6 {
	font-weight: bold;
	font-size: 16px;
}

ul {
	list-style: disc;
    list-style-position: outside;
	padding-left: 24px;
}

ol { 
	list-style: decimal;
    list-style-position: outside;
	padding-left: 24px;
}

p {
	padding: 4px 0px; 
}

strong {
	font-weight: bold;
}

/* Header */
header {
	
}

.header-container {
	background: #81894f;
	color: #ffffff;
	position: fixed;
	width: 100%;
	z-index: 160;
}

.header-container-core {
	width: 100%;
	/*max-width: 1500px;
	margin: 0 auto;*/
	position: relative;
	height: 44px;
}

/* Primary Menu */
.header-primary-menu {
	display: inline-block;
}

.header-primary-menu ul {
	list-style: none;
	display: inline-block;
	padding-left: 0px;
}

.header-primary-menu ul li {
	display: inline-block;
}

.header-primary-menu ul li a {
	color: #ffffff;
	padding: 10px 18px;
    display: inline-block;
	text-decoration: none;
}

.header-primary-menu ul li a:hover {
	background: #ffffff;
	color: #000000;
}

.header-primary-menu ul li.current.active {
	background: #ffffff;
	color: #000000;
}

.header-primary-menu ul li.current.active a {
	background: #ffffff;
	color: #000000;
}

.header-primary-menu-toggle {
	height: 44px;
	width: 44px;
	position: absolute;
	left: 0px;
	display: inline-block;
	
}

.header-primary-menu-toggle a {
	display: inline-block;
	height: 44px;
	width: 44px;
	color: #ffffff;
}

.header-primary-menu-toggle a:hover {
	color: #000000;
	background-color: #ffffff;
}

.header-primary-menu-toggle a svg {
	width: 32px;
	height: 32px;
	
	position: absolute;
	top: 6px;
	left: 6px;
}

@media (min-width: 1500px) {
	.header-primary-menu-toggle {
		display: none;
	}
}

@media (max-width: 1500px) {
	.header-primary-menu-toggle {
		display: inline-block;
	}
	
	.header-primary-menu {
		display: none;
		top: 44px;
		background-color: #81894f;
		position: absolute;
		left: 0;
		right: 0;
		z-index: 150;
	}
	
	.header-primary-menu ul {
		display: block;
	}
	
	.header-primary-menu ul li {
		display: block;
	}
	
	.header-primary-menu ul li a {
		display: block;
	}
	
}

.header-pull-to-right {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
}

/* Header side menu */
.header-side-menu-toggle {
	height: 44px;
	width: 46px;
	position: absolute;
	left: 0px;
	display: inline-block;
}

@media (min-width: 900px){
	.header-side-menu-toggle.expanded {
		width: 280px;
	}
}

.header-side-menu-toggle-active a {
	background-color: #e59242;
}

.header-side-menu-toggle a {
	display: flex;
	height: 44px;
	color: #ffffff;
	text-decoration: none;
	align-items: center;
}

.header-side-menu-toggle a svg {
	padding: 8px;
	width: 28px;
	height: 28px;
}

.header-side-menu-toggle a:hover {
	background-color: #e59242;
}

.header-side-menu-toggle a span {
	display: none;
}

@media (min-width: 900px){
	.header-side-menu-toggle.expanded a span {
		display: block;
	}
}

/* Header Search */
.header-search {
	display: block;
	padding: 0px 6px;
	
	max-width: 600px;
	margin: 0 auto;
}

@media (max-width: 900px){
	.header-search {
		/*max-width: 200px;*/
		width: calc(100% - 180px);
	}
}

@media (max-width: 1200px){
	.header-search {
		max-width: 320px;
	}
}

.header-search label {
	display: none;
}

.header-search input[type="text"] {
	padding: 6px 10px;
	border-radius: 3px;
}

.header-search .form-control {
	padding: 6px 10px;
	border-radius: 3px;
	font-size: 14px;
	
}

.header-search .awesomplete {
	top: 4px;
	color: #000000;
	width: 100%;
}

/* Sign Out Button */
.header-user-signout {
	display: inline-block;
	height: 44px;
}

.header-user-signout a {
	display: inline-block;
	color: #ffffff;
	
	width: 44px;
	height: 44px;
	
	font-size: 0px;
	
	position: relative;
}

.header-user-signout a svg {
	width: 25px;
	height: 25px;
	
	position: absolute;
	top: 8px;
	left: 8px;
}

.header-user-signout a:hover {
	background-color: #ffffff;
	color: #000000;
}

.header-user-signout a span {
	display: none;
	position: absolute;
	top: 50px;
	right: 0px;
	font-size: 14px;
	padding: 3px;
	border: 1px solid #000000;
	background: #ffffff;
	z-index: 100;
}

.header-user-signout a:hover > span {
	display: inline-block;
}

.header-user-signout span div {
	display: inline-block;
	width: max-content;
}

.menu-overlay {
	top: 44px;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}

/* User Menu */
.header-user {
	position: absolute;
	z-index: 160;
	right: 0;
	top: 0;
	display: flex;
}

.header-user-menu-button {
	
}

.header-user-menu-button a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #ffffff;
	height: 44px;
	padding: 0px 2px;
}

.header-user-menu-button a:hover, .header-user-menu-button-open {
	background-color: #e59242;
}

.header-user-menu-button a img {
	height: 38px;
	border-radius: 50px;
	border: 1px solid #c3c3c3;
    background-size: cover;
    background-position: center;
}

.header-user-menu-button a span {
	display: block;
	padding: 0px 14px;
}

@media (max-width: 900px){ 
	.header-user-menu-button a span {
		display: none;
	}
}

.header-user-menu-overlay {
	position: fixed;
	z-index: 150;
	display: none;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

@media (max-width: 900px){
	.header-user-menu-overlay {
		background-color: rgba(0, 0, 0, 0.5);
	}
}

.header-user-menu {
	/*display: none;*/
	position: absolute;
	top: 44px;
	right: 0px;
	color: #000000;
	background: rgb(250, 248, 248);
	border-left: 1px solid #81894f;
	border-bottom: 1px solid #81894f;
}

@media (max-width: 900px){
	.header-user-menu {
		/*left: 120px;*/
		height: 100vh;
		border-bottom: 0px solid #000000;
		width: 300px;
	}
}

.header-user-menu ul {
	list-style: none;
	display: block;
	padding-left: 0px;
}

.header-user-menu ul li {
	display: block;
}

.header-user-menu ul li a {
	display: flex;
	align-items: center;
	color: #000000;
	/*padding: 10px 20px;*/
	text-decoration: none;
	/*width: 160px;*/
}

.header-user-menu ul li a svg {
	height: 30px;
	width: 30px;
	padding: 8px;
}

.header-user-menu ul li a span {
	
	padding-right: 20px;
}

.header-user-menu ul li a:hover {
	background: #e59242;
	color: #ffffff;
}

/* User menu alerts */
.header-alerts-button {
	
}

.header-alerts-button a {
	display: flex;
	height: 44px;
	color: #ffffff;
	text-decoration: none;
	align-items: center;
	position: relative;
}

.header-alerts-button a:hover, .header-alerts-button-open {
	background-color: #e59242;
}

.header-alerts-button a svg {
	width: 28px;
	height: 28px;
	padding: 8px;
}

.header-alerts-button-ring a svg {
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}

.header-alerts-button-count {
	background-color: #bf2828;
    line-height: 1;
    font-size: 10px;
    font-weight: bold;
    padding: 2px;
    border-radius: 4px;
    position: absolute;
    bottom: 3px;
    right: 3px;
}

.header-alerts {
	position: absolute;
    top: 44px;
    right: 0px;
    color: #000000;
    background: rgb(250, 248, 248);
    border-left: 1px solid #81894f;
    border-bottom: 1px solid #81894f;
	/*height: 100vh;*/
    width: 500px;
}

.header-alerts-list {
	max-height: 500px;
	overflow-y: auto;
}

@media (max-width: 1000px) {
    .header-alerts {
        height: 100vh;
        border-bottom: 0px solid #000000;
        width: 350px;
		height: calc(100vh - 44px);
		overflow-y: auto;
    }
	
	.header-alerts-list {
		max-height: unset;
		overflow-y: unset;
	}
}

.header-alerts-list-item, .header-alerts-list-item:visited, .header-alerts-list-item:active {
	display: flex;
	padding: 6px 4px;
	text-decoration: none;
	color: #000000;
}

.header-alerts-list-item:nth-child(even) {
	background: rgb(240, 240, 240);
}

.header-alerts-list-item:hover {
	color: #ffffff;
	background-color: #e59242;
	text-decoration: none;
}

.header-alerts-list-item-unread {
	font-weight: bold;
}

.header-alerts-list-item-date {
	min-width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-alerts-mark-as-read {
	display: block;
	padding: 4px 6px;
	text-align: center;
}

.alert-heading {
	display: none;
}

.awesomplete mark {
	background: #e59242 !important;
}

/* Notices */
.warning-notice, .error-notice, .succes-notice {
	line-height: 1.5;
    font-size: 16px;
    background: rgb(200, 200, 200);
    border-left: 8px solid rgb(150, 150, 150);
    padding: 8px 14px;
    margin: 3px;
}

.warning-notice {
    background: #fff9ed;
    border-left: 8px solid #e59242;
}

.error-notice {
    background: #fff2ed;
    border-left: 8px solid #e55342;
}

.succes-notice {
	background: rgb(217, 249, 209);
	border-left: 8px solid rgb(56, 129, 35);
}

.warning-notice .button, .error-notice .button {
	margin-top: 12px;
}

/* Content */
main {
	padding-top: 44px;
	display: flex;
}

@media (min-width: 900px){
	.side-menu-container {
		/*width: 280px;
		height: 100vh;*/
	}
	
	.side-menu {
		position: fixed;
		background-color: rgb(250, 248, 248);
		top: 44px;
		bottom: 0px;
		left: 0px;
		width: 46px;
		border-right: 1px solid #81894f;
		z-index: 150;
	}
	
	.side-menu.expanded {
		position: fixed;
		background-color: rgb(250, 248, 248);
		top: 44px;
		bottom: 0px;
		left: 0px;
		width: 280px;
		border-right: 1px solid #81894f;
		overflow-y: auto;
	}
	
	.side-menu ul.nav {
		padding: 0px;
	}
	
	.side-menu ul.nav li a {
		display: flex;
		align-items: center;
		
		text-decoration: none;
		
		position: relative;
	}

	.side-menu ul.nav li a:hover {
		color: #ffffff;
		background-color: #e59242;
	}

	.side-menu ul.nav li a:hover img {
		filter: invert(1);
	}

	.side-menu ul.nav li a img {
		width: 30px;
		height: 30px;
		padding: 8px;
	}

	.side-menu ul.nav li a span {
		display: none;
	}
	
	.side-menu ul.nav li a:hover span {
		display: block;
		
		left: 50px;
		position: absolute;
        background-color: black;
        color: #ffffff;
        padding: 5px 8px;
        border-radius: 6px;
        z-index: 150;
		
		text-wrap: nowrap;
	}

	.side-menu.expanded ul.nav li a span {
		display: block;
		
		position: inherit;
        background-color: inherit;
        color: inherit;
        padding: 0px;
        border-radius: 0px;
        z-index: 0;
		left: 0px;
		
		text-wrap: wrap;
	}
}

@media (max-width: 900px){
	.side-menu-container {
		/*width: 280px;*/
		height: 100vh;
		display: none;
	}
	
	.side-menu {
		position: fixed;
		background-color: rgb(250, 248, 248);
		top: 44px;
		bottom: 0px;
		left: 0px;
		/*right: 80px;*/
		width: 300px;
		border-right: 1px solid #81894f;
		z-index: 150;
		
		overflow-y: auto;
	}
	
	.side-menu ul.nav {
		padding: 0px;
	}

	.side-menu ul.nav li a {
		display: flex;
		align-items: center;
		
		text-decoration: none;
	}

	.side-menu ul.nav li a:hover {
		color: #ffffff;
		background-color: #e59242;
	}
	
	.side-menu ul.nav li a:hover img {
		filter: invert(1);
	}

	.side-menu ul.nav li a img {
		width: 30px;
		height: 30px;
		padding: 8px;
	}

	.side-menu ul.nav li a span {
		display: block;
	}
}

@media (min-width: 900px){ 
	.content-container {
		width: calc(100% - 46px);
		
		padding-top: 13px;
		
		padding-left: 76px;/*20px;*/
		padding-right: 30px;
	}

	.content-container-menu-offset {
		padding-left: 310px;
		width: calc(100% - 280px);
	}
}

@media (max-width: 900px){
	.content-container {
		width: 100%;
		
		padding-top: 13px;
		padding-left: 18px;
		padding-right: 18px;
	}
}

.content-container-core {
	width: 100%;
	/*max-width: 1900px;*/
	
	margin: 0 auto;
}

/* Footer */
.footer-container {
	padding-top: 16px;
	padding-bottom: 10px;
	width: 100%;
}

.footer-container-core {
	margin: 0 auto;
	width: 100%;
	max-width: 1500px;
	text-align: center;
	
	font-size: 14px;
	color: rgb(100, 100, 100);
}

/* Grid */
.grid-2-1 {
	float: left;
	width: 50%;
}

.grid-2-2 {
	float: left;
	width: 100%;
}

.grid-3-1 {
	float: left;
	width: 33.33%;
}

.grid-3-2 {
	float: left;
	width: 66.66%;
}

.grid-3-3 {
	float: left;
	width: 100%;
}

.grid-4-1 {
	float: left;
	width: 25%;
}

.grid-4-2 {
	float: left;
	width: 50%;
}

.grid-4-3 {
	float: left;
	width: 75%;
}

.grid-4-4 {
	float: left;
	width: 100%;
}

.grid-5-1 {
	float: left;
	width: 20%;
}

.grid-5-2 {
	float: left;
	width: 40%;
}

.grid-5-3 {
	float: left;
	width: 60%;
}

.grid-5-4 {
	float: left;
	width: 80%;
}

.grid-5-5 {
	float: left;
	width: 100%;
}

@media (max-width: 900px){ 
	.grid-2-1, .grid-2-2, .grid-3-1, .grid-3-2, .grid-3-3, .grid-4-1, .grid-4-2, .grid-4-3, .grid-4-4, .grid-5-1, .grid-5-2, .grid-5-3, .grid-5-4, .grid-5-5 {
		float: unset;
		width: 100%;
	}
}

.grid-reset {
	clear: both;
}

.grid-gutter-both {
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}

.grid-gutter-right {
	padding-right: 20px;
	box-sizing: border-box;
}

.grid-gutter-left {
	padding-left: 20px;
	box-sizing: border-box;
}

@media (max-width:600px){
  .grid-gutter-right, .grid-gutter-left {
    padding-right: 0px;
    padding-left: 0px;
  }
}

/* Table Styling */
table thead {
	font-weight: bold;
	border-bottom: 2px solid #e59242;
	text-align: center;
	background-color: #ffffff;
}

table tr {
	border-bottom: 1px solid #e59242;
}

table tr:nth-child(even){
	background-color: #fff9ed;
}

table tr.team-heading {
	background-color: #ffffff;
	font-weight: bold;
	text-align: center;
}

table thead th {
	background-color: #ffffff;
}

table td.center-text {
	text-align: center;
}

table th {
	position: relative;
}

table th a.sort-asc:after {
	content: "";
	width: 18px;
	height: 18px;
	top: 2px;
	margin-left: 5px;
	position: absolute;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" /></svg>');
}

table th a.sort-desc:after {
	content: "";
	width: 18px;
	height: 18px;
	top: 2px;
	margin-left: 5px;
	position: absolute;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" /></svg>');
}

@media screen and (max-width: 1000px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #e59242;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #e59242;
    display: block;
    font-size: .8em;
    text-align: right;
	min-height: 20px;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
  
  
	table td.center-text {
		text-align: right;
	}
}

table th a svg {
	width: 18px;
	height: 15px;
}

/* Button Styling */
button, .button {
	display: inline-block;
	text-decoration: none;
	line-height: 1;
	font-size: 16px;
	background: rgb(240, 240, 240);
	border-radius: 4px;
	border: 1px solid rgb(200, 200, 200);
	/*padding: 8px 14px;*/
	padding: 11px 14px 9px 14px;
	margin: 3px;
}

button:hover, .button:hover {
	background: rgb(220, 220, 220);
	text-decoration: none;
}

.button-anchor {
	display: inline-block;
}

.button-primary {
	background: rgb(133, 85, 158);
    border-color: rgb(93, 45, 118);
	color: #ffffff;
}

.button-primary:hover {
	background: rgb(93, 45, 118);
}

.button-red {
	background: #960000;
	color: #ffffff;
}

.button-red:hover {
	background: #720000;
}

.button-danger {
	background: rgb(255, 219, 219);
	border-color: rgb(173, 41, 41);
}

.button-danger:hover {
	background: rgb(173, 41, 41);
	color: #ffffff;
}

.button-green {
	background: rgb(201, 255, 213);
    border: 1px solid rgb(6, 111, 18);
}

.button-green:hover {
	background: rgb(6, 111, 18);
	color: #ffffff;
}

button svg, .button svg {
	width: 24px;
    height: 24px;
    display: inline-block;
    margin-top: -6px;
    margin-bottom: -6px;
    margin-left: -10px;
	padding-right: 3px;
}

/* Contacts */
.contact-container h3 {
	padding-top: 10px;
	padding-bottom: 20px;
}

.contact-items {
	font-size: 0px;
}

.contact-item-container {
	display: inline-block;
	width: calc(25% - 2px);
	font-size: 16px;
}

@media (max-width: 1200px){
	.contact-item-container {
		width: calc(33.33% - 2px);
	}
}

@media (max-width: 1000px){
	.contact-item-container {
		width: calc(50% - 2px);
	}
}

@media (max-width: 700px){
	.contact-item-container {
		width: 100%;
	}
}

.contact-item-photo {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
}

.contact-item-photo-image {
	width: 200px;
	height: 200px;
	border-radius: 150px;
	border: 1px solid #c3c3c3;
	
	background-size: cover;
	background-position: center; 
}

.contact-item-photo img {
	max-width: 100%;
	max-height: 100%;
}

.contact-item-name {
	text-align: center;
	font-weight: bold;
	font-size: 24px; 
}

.contact-item-position {
	text-align: center;
}

.contact-item-phone {
	padding: 5px 0px;
    display: flex;
    align-items: center;
}

.contact-item-mail {
	padding: 5px 0px;
    display: flex;
    align-items: center;
}

.contact-item-phone svg, .contact-item-mail svg {
	width: 24px;
	margin: -5px 0px;
	padding-right: 10px;
}

/* Single contact */
@media (min-width: 900px){
	.single-contact-container {
		padding-top: 15px;
		padding-bottom: 25px;
		display: flex;
	}
}

@media (max-width: 900px){
	.single-contact-container {
		padding-top: 15px;
		padding-bottom: 25px;
	}
}

.single-contact-image {
	/*display: block;*/
	width: 300px;
	/*float: left;*/
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 900px){ 
	.single-contact-image {
		float: unset;
		width: 100%;
		display: flex;
		justify-content: center;
	}
}

.single-contact-image-image {
	width: 200px;
	height: 200px;
	border-radius: 150px;
	border: 1px solid #c3c3c3;
	
	background-size: cover;
	background-position: center; 
}

.single-contact-image img {
	max-width: 100%;
	max-height: 100%;
}

.single-contact-info {
	/*width: calc(100% - 300px);
	display: block;
	float: left;*/
}

@media (max-width: 900px){ 
	.single-contact-info {
		float: unset;
		width: 100%;
	}
}

.single-contact-item-container {
	display: block;
}

.single-contact-item-row {
	display: flex;
	align-items: center;
}

.single-contact-item-row-icon {
	width: 30px;
    /* height: 30px; */
    /* text-align: center; */
    /*display: flex;
    float: left;
    align-items: center;
    justify-content: center;*/
}

.single-contact-item-row-icon svg {
	width: 25px;
	height: 25px;
}

.single-contact-item-row-label {
	/*display: block;
	float: left;*/
    width: 100px;
    padding: 0px 7px;
}

.single-contact-item-row-value {
	display: block;
	float: left;
    padding: 3px 7px;
}

.single-contact-reset {
	clear: both;
}

/* Content Articles List */
.mod-list {
	list-style: none;
  padding-left: 8px;
	
}

.mod-list li ul {
	padding-left: 16px; 
}

/* Category table */
.com-content-category__table {
	width: 100%;
}

.com-content-category__table .list-title {
	width: 40%;
	text-align: left;
}

.com-content-category__table td, .com-content-category__table th {
	padding: 6px;
}

/* Content article */
.com-content-article .icons {
	display: none;
}

.com-content-category-blog__item .icons {
	display: none;
}

/* Remove DPAttachment upload forms everywhere... */
.com-dpattachments-layout-form {
	display: none;
}

.modal {
    --modal-zindex: 1050;
    --modal-width: 500px;
    --modal-padding: 1rem;
    --modal-margin: .5rem;
    --modal-color: ;
    --modal-bg: #ffffff;
    --modal-border-color: #000000;
    --modal-border-width: 1px;
    --modal-border-radius: 5px;
    /*--modal-box-shadow: var(--box-shadow-sm);
    --modal-inner-border-radius: calc(var(--border-radius-lg) - (var(--border-width)));
    --modal-header-padding-x: 1rem;
    --modal-header-padding-y: 1rem;
    --modal-header-padding: 1rem 1rem;
    --modal-header-border-color: var(--border-color);
    --modal-header-border-width: var(--border-width);
    --modal-title-line-height: 1.5;
    --modal-footer-gap: .5rem;
    --modal-footer-bg: ;
    --modal-footer-border-color: var(--border-color);
    --modal-footer-border-width: var(--border-width);*/
    z-index: 2000;
    outline: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden auto;
}

.modal-backdrop {
    --backdrop-zindex: 1040;
    --backdrop-bg: #000;
    --backdrop-opacity: .5;
    z-index: var(--backdrop-zindex);
    background-color: var(--backdrop-bg);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-dialog {
	margin: 1.75rem;
	margin-left: auto;
	margin-right: auto;
}

.modal-dialog.jviewport-width80 {
    width: 80vw;
    max-width: none;
}

.modal-header {
    padding: 0 15px;
    border-bottom: 1px solid #000000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
	background-color: #ffffff;
}

.jviewport-height60 {
    height: 60vh;
}

.modal-body {
    padding: 0px;
    flex: auto;
    position: relative;
	background-color: #ffffff;
}

.modal-footer {
    padding: calc(var(--modal-padding) - var(--modal-footer-gap)*.5);
    background-color: #ffffff;
    border-top: 1px solid #000000;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.modal-header .btn-close:before {
	content: "X";
}


.fade {
    transition: opacity .15s linear;
}

/* Form Styling */
.valid {
    border-color: #448344;
}
.form-control {
    background-color: #fff;
    max-width: 100%;
}
.form-control {
    color: #000000;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    background-clip: padding-box;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
    box-sizing: border-box;
}

.form-select {
    color: #000000;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    background-clip: padding-box;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
}

select.form-control, select.form-select  {
	background: #ffffff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") right .75rem center/26px 10px no-repeat!important;
}

.form-checkbox {
	padding: 5px 0px;
}

.form-checkbox label {
	display: flex;
	align-items: center;
}

.form-field input[type="checkbox"] {
	width: 24px;
	height: 24px;
}

.form-control-small {
	width: auto;
	display: inline-block;
}

.form-select-small {
	width: auto;
	display: inline-block;
}

.form-checkbox-select {
	position: relative;
}

.form-checkbox-select-button {
	color: #000000;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    background-clip: padding-box;
    /*width: 100%;*/
    padding: 0.6rem 1rem;
    /*font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
	background: #ffffff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") right .75rem center/26px 10px no-repeat!important;
}

.form-checkbox-select-options {
	position: absolute;
	/*top: 44px;*/
	z-index: 202;
	border: 1px solid #ced4da;
    border-radius: 5px;
    background-color: #ffffff;
	left: 0px;
	right: 0px;
    padding: 0.6rem 1rem;
    line-height: 1.5;
	max-height: 300px;
	overflow-y: auto;
}

.form-checkbox-select-overlay {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 201;
}

.form-checkbox-select-options input[type="checkbox"], .search-filters-panel.search-filters-panel-active .form-checkbox-select-options input {
	width: auto;
	margin-right: 8px;
}

.form-checkbox-select-options label, .search-filters-panel.search-filters-panel-active .form-checkbox-select-options label {
	font-weight: normal;
}

.search-filters-panel.search-filters-panel-active .form-checkbox-select-button {
	background: #ffffff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") right .25rem center/26px 10px no-repeat!important;
	padding: 9px 12px 8px 12px;
}

/* Article Categories Module Tree */
ul.tree, ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width:600px){
  ul.tree {
    max-height: 250px;
    overflow-y: auto;
  }
}

ul.tree ul {
	margin-left: 10px;
}

ul.tree li {
	margin: 0;
	padding: 5px 7px;
	line-height: 20px;
	color: #369;
	border-left:1px solid #e5e5e5;
}

ul.tree li:last-child {
	border-left:none;
}

ul.tree li:before {
	position:relative;
	top:-0.3em;
	height:1em;
	width:12px;
	color:white;
	border-bottom:1px solid #e5e5e5;
	content:"";
	display:inline-block;
	left:-7px;
}

ul.tree li:last-child:before {
	border-left:1px solid #e5e5e5;
}

ul.tree ul {
	padding-top: 6px;
}

a.active-cat {
	text-decoration: none;
  background-color: #85559e;
  border-radius: 2px;
  color: #ffffff;
}

/* Content Info Styling */
/* Single contact */
.content-info-container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.content-info-image {
	display: block;
	width: 300px;
	float: left;
}

.content-info-item-container {
	display: block;
	height: 38px;
}

.content-info-item-row-icon {
	width: 30px;
    /* height: 30px; */
    /* text-align: center; */
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
}

.content-info-item-row-icon svg {
	width: 25px;
	height: 25px;
}

.content-info-item-row-label {
	display: block;
	float: left;
    width: 100px;
    padding: 3px 7px;
}

.content-info-item-row-value {
	display: block;
	float: left;
    padding: 3px 7px;
}

.content-info-reset {
	clear: both;
}

.com-content-article__body {
	padding-bottom: 15px;
}

/* Tooltip styling */
.tooltip {
	background: #ffffff;
	border: 1px solid rgb(200, 200, 200);
	border-radius: 2px;
	padding: 3px;
}

/* Search layout */
.com-finder .awesomplete .form-control {
	padding: 4px 1rem;
}

/* Page Navigation */
.pagination-buttons {
	display: flex;
	width: 100%;
}

.pagination-buttons a {
	flex: 1;
}

.page-button {
	position: relative;
	display: inline-block;
	width: 100%;
}

.page-button svg {
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	position: absolute;
}

.page-button-caption {
	padding-left: 30px;
	padding-top: 1px;
}

.page-button-caption-reversed {
	padding-right: 30px;
	padding-top: 1px;
	text-align: right;
}

.page-button-reversed svg {
	width: 25px;
	height: 25px;
	
	left: unset;
	position: absolute;
	right: 0;
	top: 0;
}

/* Fancy multi option select styling */
.choices__item button {
	font-size: 0px;
	text-decoration: none;
	line-height: 1;
	border-radius: 4px;
	border: 1px solid rgb(200, 200, 200);
	padding: 8px 8px;
	margin: 3px;
	background: #960000;
	color: #ffffff;
}

.choices__item button:hover {
	background: #720000;
}

.choices__item button:before {
	content: "X";
	font-size: 14px;
}

/* Media Manager */
.media-container .hidden {
	display: none;
}

.media-sidebar {
	display: none;
}

.media-toolbar {
	display: none;
}

.media-preview-modal {
	display: none;
}

.media-browser-select {
	background-color: unset;
}

.media-browser-select:after {
	content: "";
}

/* Content Category Pagination */
.com-content-category__navigation {
	text-align: center;
}

.com-content-category__counter {
	display: block;
}

.com-content-category__pagination {
	display: block;
}

nav .pagination {
	list-style: none;
	display: flex;
	justify-content: center;
}

@media (max-width: 900px){
	nav .pagination {
		flex-wrap: wrap;
		padding-left: 0px;
	}
}

nav .pagination li {
	display: inline-block;
}

nav .pagination li a {
	display: inline-block;
	text-decoration: none;
	line-height: 1;
	font-size: 16px;
	background: rgb(240, 240, 240);
	border-radius: 4px;
	border: 1px solid rgb(200, 200, 200);
	padding: 10px 14px;
	margin: 3px;
}

.pagination-icon {
	padding: 6px 8px !important;
}

nav .pagination li a:hover {
	background: rgb(220, 220, 220);
	text-decoration: none;
}

nav .pagination li a svg {
	width: 21px;
	height: 21px;
	
}

nav .pagination li.active a {
	background: rgb(220, 220, 220);
	text-decoration: none;
}

/* Video support */
video {
	width: 100%;
}

#playlist {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#playlist a {
  text-decoration: none;
}

#playlist .active a {
  color: #5db0e6;
  text-decoration: none;
}
#playlist li a {
  color: #eeeedd;
  background: #333;
  padding: 12px;
  display: block;
}

#playlist li a:hover {
  text-decoration: none;
}

/* Sidebar vertical navigation menu */
.vert-nav-menu {
	
}

.vert-nav-menu li {
	
}

.vert-nav-menu li a {
	padding: 12px 10px;
	display: block;
}

.vert-nav-menu li a:hover,.vert-nav-menu li.active a {
	background-color: #85559e;
	color: #ffffff;
	text-decoration: none; 
}

/* Attachments */
.com-dpattachments-layout-attachments__attachments {
	display: block !important;
}

.dp-attachment {
	border: 0px solid #000000 !important;
	padding: 5px 0px !important;
}

.mod-articleslatest li {
  padding: 4px 0px;
}

.blog-item {
  padding-bottom: 30px;
}

.blog-item ul li {
  padding: 4px 0px;
}

.com-content-category__children {
  padding: 4px 0px;
}

/* Roster Styling */
.roster-container {
	padding: 0px 20px;
	text-align: center;
}

@media (max-width: 800px){
	.roster-container {
		padding: 0px;
	}
}

.roster-travel {
	font-size: 14px;
	padding: 4px 0px;
	margin: 10px 0px;
	position: relative;
}

.roster-travel .roster-time {
	font-weight: bold;
}

.roster-travel .roster-action {
	padding-top: 4px;
}

.roster-travel .roster-accept a {
	display: flex;
	justify-content: center;
	vertical-align: center;
}

.roster-travel .roster-accept svg {
	width: 24px;
	height: 24px;
	padding: 8px;
}

.roster-travel .roster-accept .roster-accept-text {
	padding: 8px 0px;
}

.roster-travel .roster-reject a {
	display: flex;
	justify-content: center;
	vertical-align: center;
}

.roster-travel .roster-reject svg {
	width: 24px;
	height: 24px;
	padding: 8px;
}

.roster-travel .roster-reject .roster-reject-text {
	padding: 8px 0px;
}

.roster-client {
	background-color: rgb(240, 240, 240);
	box-shadow: 0px 0px 5px rgb(240, 240, 240);
	padding: 4px 0px;
	margin: 10px 0px;
	position: relative;
}

.roster-client .roster-time {
	font-weight: bold;
	font-size: 14px;
}

.roster-client .roster-action {
	font-weight: bold;
}

.roster-client .roster-client-name {
	font-size: 14px;
	padding: 8px 0px;
}

@media (min-width: 800px){
	.roster-buttons {
		display: flex;
		justify-content: center;
	}
}

.roster-buttons a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 15px;
}

.roster-buttons-icon {
	display: flex;
}

.roster-buttons .roster-buttons-icon svg {
	width: 24px;
	height: 24px;
	padding: 8px;
}

.roster-buttons .roster-buttons-text {
	
}

.roster-client .roster-accept a {
	display: flex;
	justify-content: center;
	vertical-align: center;
}

.roster-client .roster-accept svg {
	width: 24px;
	height: 24px;
	padding: 8px;
}

.roster-client .roster-accept .roster-accept-text {
	padding: 8px 0px;
}

.roster-client .roster-reject a {
	display: flex;
	justify-content: center;
	vertical-align: center;
}

.roster-client .roster-reject svg {
	width: 24px;
	height: 24px;
	padding: 8px;
}

.roster-client .roster-reject .roster-reject-text {
	padding: 8px 0px;
}

.roster-accepted {
	background-color: rgb(181, 247, 187);
	box-shadow: 0px 0px 5px rgb(181, 247, 187);
}

.roster-ready-for-accept {
	background-color: rgb(181, 220, 247);
	box-shadow: 0px 0px 5px rgb(181, 220, 247);
}

.roster-to-be-done {
	background-color: rgb(247, 183, 181);
	box-shadow: 0px 0px 5px rgb(247, 183, 181);
}

.roster-break {
	padding: 4px;
	font-size: 14px;
	margin: 10px 0px;
}

.roster-break .roster-time {
	font-weight: bold;
}

/* Roster buttons */
.roster-big-btn {
	border: 1px solid rgb(220, 220, 220);
	border-radius: 4px;
	background-color: rgb(250, 248, 248);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	
	margin: 0px 20px;
}

@media (max-width: 600px){ 
	.roster-big-btn {
		margin: 0px;
	}
}

.roster-big-btn-icon {
	font-size: 0px;
}

.roster-big-btn svg {
	width: 32px;
	height: 32px;
	padding: 12px;
}

.roster-big-btn-text {
	display: inline;
	padding: 16px 0px;
}

.roster-delete-btn {
	position: absolute;
	right: 10px;
	top: 10px;
}

.roster-edit-btn {
	position: absolute;
	right: 52px;
	top: 10px;
}

.roster-reverse-btn {
	position: absolute;
	right: 94px;
	top: 10px;
}

.roster-edit-btn a, .roster-delete-btn a, .roster-reverse-btn a {
	display: block;
}

.roster-edit-btn a svg, .roster-delete-btn a svg, .roster-reverse-btn a svg {
	width: 32px;
	height: 32px;
}

@media (max-width: 600px){
	.roster-delete-btn {
		right: 5px;
		top: 10px;
	}

	.roster-edit-btn {
		position: absolute;
		right: 34px;
		top: 10px;
	}

	.roster-reverse-btn {
		position: absolute;
		right: 63px;
		top: 10px;
	}
	
	.roster-edit-btn a svg, .roster-delete-btn a svg, .roster-reverse-btn a svg {
		width: 24px;
		height: 24px;
	}
}

.time-table-day {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}

@media (min-width: 800px){
	.amounts-container {
		width: 100%;
		display: flex;
		
		padding-bottom: 20px;
	}
	.amount-container {
		width: inherit;
	}

	.amount-header {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 20px;
		text-align: center;
		border-bottom: 2px solid #e59242;
	}

	.amount-value {
		text-align: center;
		font-size: 20px;
		padding: 20px;
		border-bottom: 1px solid #e59242;
	}
}

@media (max-width: 800px){
	.amounts-container {
		width: 100%;
		
		padding-bottom: 12px;
	}
	.amount-container {
		width: inherit;
		display: flex;
	}

	.amount-header {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 20px;
		border-bottom: 2px solid #e59242;
		min-width: 200px;
	}

	.amount-value {
		text-align: center;
		font-size: 20px;
		border-bottom: 2px solid #e59242;
		width: 100%;
	}
}

.planning-header {
	display: flex;
}

.planning-header svg {
	width: 30px;
	height: 30px;
}

.planning-header-prev {
	/*width: 60px;*/
}

.planning-header-next {
	/*width: 60px;*/
}

.planning-header-title {
	text-align: center;
	width: 100%;
}

.month-overview-lock-notice {
    line-height: 1.5;
    font-size: 16px;
    background: #fff9ed;
    border-left: 8px solid #e59242;
    padding: 8px 14px;
    margin: 3px;
}

.month-overview-lock-notice .button {
	margin-top: 12px;
}

.address-fields {
	display: flex;
}

.address-postalcode-field {
	width: 100px;
	
}

.address-number-field {
	width: 100px;
	
}

.address-fields-search {
	padding-left: 5px;
}

.address-book {
	display: inline-block;
	vertical-align: top;
}

.address-book-button {
	display: inline-block;
    text-decoration: none;
    line-height: 1;
    font-size: 0px;
    background: rgb(240, 240, 240);
    border-radius: 4px;
    border: 1px solid rgb(200, 200, 200);
    padding: 9.6px;
}

.address-book-button:hover {
	background-color: rgb(200, 200, 200);
}

.address-book-button svg {
	width: 24px;
	height: 24px;
}

.address-fields-search a {
	display: inline-block;
	position: relative;
}

.address-fields-search a span {
	display: none;
	margin: 5px;
	position: absolute;
	background-color: black;
	color: #ffffff;
	padding: 5px 8px;
	border-radius: 6px;
	z-index: 150;
	text-wrap: nowrap;
}

@media (max-width: 600px) {
	.address-fields-search a span {
		right: 0px;
	}
}

.address-fields-search a:hover span {
	display: block
}

.address-book-list {
	position: absolute;
    /*right: 0px;*/
    width: 200px;
	z-index: 100;
	text-decoration: none;
    line-height: 1;
    background: rgb(240, 240, 240);
    border-radius: 4px;
    border: 1px solid rgb(200, 200, 200);
    padding: 5px;
	top: 70px;
}

.address-book-list a {
	display: block;
	padding: 10px;
}

.address-book-item {
	display: flex;
}

.address-book-item-name {
	width: 100%;
}

.address-book-item-place {
	min-width: 120px;
	text-align: right;
}

/* Button Menu */
.button-menu-container {
	display: inline-block;
	position: relative;
}

.button-menu {
	position: absolute;
    left: 0px;
    width: 200px;
	z-index: 170;
	text-decoration: none;
    line-height: 1;
    background: rgb(240, 240, 240);
    border-radius: 4px;
    border: 1px solid rgb(200, 200, 200);
    padding: 5px;
}

@media (max-width: 600px) {
	.button-menu {
		left: unset;
		right: 0px;
		width: 264px;
	}
}

.button-menu a {
	display: block;
	padding: 10px;
}

.button-menu-overlay {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 160;
}

fieldset legend {
	font-size: 24px;
	font-weight: bold;
}

.com-users-methods-list-method {
	padding: 14px;
}

.com-users-methods-list-method-header {
	display: flex;
	align-items: center;
}

.com-users-methods-list-method-image {
	
}

.com-users-methods-list-method-title {
	padding: 0px 10px;
}

.com-users-methods-list-method-record-title-container {
	font-size: 18px;
	padding-left: 10px;
}

.com-users-method-edit-tabular-container table tbody tr td {
	vertical-align: top;
}

.com-users-methods-list-method-record-lastused {
	padding-left: 10px;
}

.com-users-methods-list-method-record-actions a {
	padding: 4px;
	display: inline-block;
}

/* Month Overview Calendar */
@media (min-width: 900px){
	.month-overview-calendar {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(7, 1fr);
	}

	.month-overview-calendar a {
		height: 100%;
		transition: transform .2s;
		text-decoration: none;
	}

	.month-overview-calendar a:hover {
		transform: scale(1.2); 
	}

	.month-overview-calendar a .month-overview-calendar-day {
		transition: background-color 200ms linear;
	}

	.month-overview-calendar a:hover > .month-overview-calendar-day {
		
		background-color: #e59242;
	}

	.month-overview-calendar-days {
		
	}

	.month-overview-calendar-day-header {
		font-weight: bold;
		padding: 12px;
		box-sizing: border-box;
		border-bottom: 3px solid #e59242;
		text-align: center;
	}

	.month-overview-calendar-day {
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		height: 100%;
		background-color: #ffefd8;
		
		min-height: 120px;
	}

	.month-overview-calendar-day-off {
		background-color: #fffcf6;
		color: rgb(120, 120, 120);
	}

	.month-overview-calendar-day-desc {
		display: flex;
	}

	.month-overview-calendar-day-desc svg {
		height: 22px;
		width: 22px;
		
		left: 0px;
	}

	.month-overview-calendar-day-desc-text {
		width: 100%;
	}
}

@media (max-width: 900px){
	.month-overview-calendar {
		width: 100%;
		display: block;
	}

	.month-overview-calendar a {
		height: 100%;
		text-decoration: none;
	}

	.month-overview-calendar a:hover {
		
	}

	.month-overview-calendar a .month-overview-calendar-day {
		transition: background-color 200ms linear;
	}

	.month-overview-calendar a:hover > .month-overview-calendar-day {
		
		background-color: #e59242;
	}

	.month-overview-calendar-days {
		
	}

	.month-overview-calendar-day-header {
		display: none;
	}

	.month-overview-calendar-day {
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		height: 100%;
		background-color: #ffefd8;
	}

	.month-overview-calendar-day-off {
		background-color: #fffcf6;
		color: rgb(120, 120, 120);
	}

	.month-overview-calendar-day-desc {
		display: flex;
	}

	.month-overview-calendar-day-desc svg {
		height: 22px;
		width: 22px;
		
		left: 0px;
	}

	.month-overview-calendar-day-desc-text {
		width: 100%;
	}
}

.client-info-container, .client-time-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 500px){ 
	.client-info-container, .client-time-container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}

.client-info-column, .client-time-column {
	width: 50%;
}

.client-info-row, .client-time-row {
	padding: 4px;
	box-sizing: border-box;
    border-bottom: 1px solid #e59242;
}

.client-info-value, .client-time-value {
	padding: 3px;
}

.client-info-caption, .client-time-caption {
	font-weight: bold;
}

.client-info-comments, .client-time-comments {
	grid-column: 1 / 3;
}

.search-client-container, .indication-picker-container {
	position: relative;
}

.search-client-box, .indication-picker-box {
	position: absolute;
	z-index: 100;
	top: 45px;
	
	width: 100%;
	
	display: none;
	box-sizing: border-box;
	background-color: rgb(240, 240, 240);
	border: 1px solid rgb(200, 200, 200);
	border-radius: 4px;
	/*border-top-left-radius: 0px;
	border-top-right-radius: 0px;*/
}

.search-client-results, .indication-picker-results {
}

.search-client-row, .indication-picker-row {
	display: flex;
	padding: 8px 4px;
}

.search-client-row-name, .indication-picker-row-name {
	padding-left: 10px;
	width: 60%;
}

.search-client-close, .indication-picker-close {
	position: absolute;
	top: 5px;
	right: 5px;
    width: 34px;
    height: 34px;
	display: none;
}

.action-buttons-container {
	position: relative;
}
/*
@media (min-width: 600px){*/
	.action-buttons-search-pull-right, .action-buttons-pull-right {
		position: absolute;
		right: 0px;
		top: 0;
	}
/*}*/

@media (max-width: 600px) {
	.action-buttons-pull-right {
		position: unset;
	}
}

.action-buttons-search {
	border-radius: 5px;
	border: 1px solid #ced4da;
	padding: 9px 12px 8px 12px;
}

@media (max-width: 900px){
	.search-filters-panel input {
		display: none;
	}
	
	.search-filters-panel button[type="submit"]{
		display: none;
	}
	
	.search-filters-panel-active input {
		display: block;
	}
	
	.search-filters-panel-active button[type="submit"]{
		display: inline-block;
	}
}

.client-location-search {
	display: inline-block;
	vertical-align: top;
}

.client-location-search-button {
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    font-size: 0px;
    background: rgb(240, 240, 240);
    border-radius: 4px;
    border: 1px solid rgb(200, 200, 200);
    padding: 9.6px;
}

.client-location-search-button svg {
	width: 24px;
    height: 24px;
}

.client-location-search-box {
	position: absolute;
    /* right: 0px; */
    width: 400px;
    z-index: 100;
    text-decoration: none;
    line-height: 1;
    background: rgb(240, 240, 240);
    border-radius: 4px;
    border: 1px solid rgb(200, 200, 200);
    padding: 5px;
    top: 70px;
}

.client-location-search-box input[type="text"] {
	color: #000000;
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    background-clip: padding-box;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: block;
    box-sizing: border-box;
}

.client-location-search-row {
	display: flex;
	padding: 8px 4px;
}

.client-location-search-row-name {
	padding-left: 10px;
	width: 60%;
}

.client-location-search-row-place {
	
}

/* Leave Card */
@media (min-width: 900px){
	.leave-card-container {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(32, 1fr);
	}
	
	.leave-card-container a {
		height: 100%;
		transition: transform .2s;
		text-decoration: none;
	}

	.leave-card-container a:hover {
		transform: scale(1.2); 
	}
	
	.leave-card-container a .leave-card-day {
		transition: background-color 200ms linear;
	}

	.leave-card-container a:hover > .leave-card-day {
		background-color: #e59242;
	}

	.leave-card-day-header {
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-bottom: 3px solid #e59242;
		text-align: center;
	}
	
	.leave-card-month {
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-right: 3px solid #e59242;
		text-align: center;
	}
	
	.leave-card-day {
		background-color: #fffcf6;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		height: 100%;
		/*position: relative;*/
	}
	
	.leave-card-day .leave-card-day-tooltip {
		position: absolute;
		background-color: black;
		color: #ffffff;
		padding: 5px 8px;
		border-radius: 6px;
		z-index: 1;
		visibility: hidden;
		top: 50px;
	}
	
	.leave-card-day:hover .leave-card-day-tooltip {
		visibility: visible;
	}
	
	.leave-card-work-day {
		background-color: #ffefd8;
	}
}

@media (max-width: 900px){
	.leave-card-container {
		width: 100%;
		display: grid;
		/*grid-template-columns: repeat(32, 1fr);*/
		height: 80vh;
		overflow: auto;
	}
	
	.leave-card-container a {
		height: 100%;
		transition: transform .2s;
		text-decoration: none;
	}
	/*
	.leave-card-container a:hover {
		transform: scale(1.2); 
	}
	*/
	.leave-card-container a .leave-card-day {
		transition: background-color 200ms linear;
	}

	.leave-card-container a:hover > .leave-card-day {
		background-color: #e59242;
	}

	.leave-card-day-header {
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-bottom: 3px solid #e59242;
		text-align: center;
		display: none;
	}
	
	.leave-card-month {
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.leave-card-day {
		background-color: #fffcf6;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		height: 100%;
		position: relative;
	}
	
	.leave-card-day:before {
		content: attr(data-day);
		float: left;
	}
	
	.leave-card-day .leave-card-day-tooltip {
		position: absolute;
		background-color: black;
		color: #ffffff;
		padding: 5px 8px;
		border-radius: 6px;
		z-index: 1;
		visibility: hidden;
		top: 50px;
		width: calc(100% - 36px);
	}
	
	.leave-card-day:hover .leave-card-day-tooltip {
		visibility: visible;
	}
	
	.leave-card-work-day {
		background-color: #ffefd8;
	}
}

/* Assign (User/Team) Window */
.assign-window {
	/*display: block;
	width: 400px;
	height: 400px;
	
	position: absolute;
	left: calc(50% - 200px);
	top: calc(50% - 200px);
	z-index: 200;
	
	background-color: #ffffff;*/
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 200;
	
	width: 20%;
	background-color: #ffffff;
	
	padding: 10px;
	
	border-left: 1px solid rgb(150, 150, 150);
	
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

@media (max-width: 1300px){
	.assign-window {
		width: 300px;
	}
}

.assign-window-title {
	font-weight: bold;
	padding: 4px;
	margin: 1px;
}

.assign-window-close {
	position: absolute;
	right: 14px;
	top: 15px;
	color: #000000;
}

.assign-window-search input {
	width: 100%;
	box-sizing: border-box;
}

.assign-window-list {
	overflow-y: auto;
    height: calc(100% - 85px);
	margin-top: 5px;
}

.assign-window-list a {
	display: block;
	padding: 6px;
}

.assign-overlay {
	z-index: 160;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
}

/* Tabs */
.tab-buttons {
    border-bottom: 3px solid rgb(229, 146, 66);
	font-size: 0px;
}

.tab-buttons a {
	display: inline-block;
	padding: 5px 12px;
	font-size: 16px;
	text-decoration: none;
}

.tab-buttons a:hover {
	background: #ffefd8;
}

.tab-btn-active {
	background-color: rgb(229, 146, 66);
	text-decoration: none;
	color: #ffffff;
}

a.tab-btn-active:hover {
	background-color: rgb(229, 146, 66);
}

.tab-buttons .title {
	display: none;
}

@media (max-width: 900px){ 
	.tab-buttons {
		border-bottom: 0px solid #ffffff;
	}
	
	.tab-buttons.mobile.expanded {
		position: fixed;
		top: 0%;
		bottom: 0%;
		background: #ffffff;
		width: 300px;
		right: 0;
		z-index: 202;
		border-bottom: 0px solid #ffffff;
		padding: 10px;
		padding-top: 35px;
		border-left: 1px solid rgb(150, 150, 150);
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
	}
	
	.tab-buttons.mobile.expanded:after {
		content: "Ga naar";
		font-size: 16px;
		font-weight: bold;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.tab-buttons.mobile.expanded .title {
		font-size: 16px;
		font-weight: bold;
		display: block;
	}
	
	a.tab-btn {
		display: none;
	}
	
	a.tab-btn-active {
		display: block;
	}
	
	.tab-buttons.mobile.expanded a.tab-btn {
		display: block;
	}
	
	.tab-buttons.mobile a.tab-btn-active:after {
		content: " ";
		position: absolute;
		right: 30px;
		width: 24px;
		height: 24px;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg>');
		filter: invert(1);
	}
	
	.tab-buttons.mobile.expanded a.tab-btn-active:after {
		display: none;
	}
}

/* Search filter panel */
.search-filters-panel {
	display: inline-block;
}

.search-filters-panel .search-filters-advanced {
	display: none;
}

/* Active mode */
.search-filters-panel.search-filters-panel-active {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 200;
	
	width: 20%;
	background-color: #ffffff;
	
	padding: 10px;
	
	border-left: 1px solid rgb(150, 150, 150);
	
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	
	overflow: auto;
}

@media (max-width: 1300px){
	.search-filters-panel.search-filters-panel-active {
		width: 300px;/*85%;*/
	}
}

.search-filters-panel.search-filters-panel-active .search-filters-advanced {
	display: block;
}

.search-filters-panel-active .search-filters-filter-button {
	display: none;
}

.search-filters-close-button {
	display: none;
}

.search-filters-panel-active .search-filters-close-button {
	display: inline-block;
}

.search-filters-panel label {
	display: none;
}

.search-filters-panel.search-filters-panel-active label {
	display: block;
	font-weight: bold;
}

.search-filters-panel.search-filters-panel-active input {
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0px;
}

.search-filters-panel select {
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0px;
	appearance: none;
	background: #ffffff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") right .25rem center/26px 10px no-repeat!important;
}

.pagination-header {
	text-align: center;
	font-size: 14px;
	padding: 5px 0px;
}

/* Edit profile */
joomla-field-media .field-media-preview {
	border-bottom: 1px solid #00000026;
}

.choices__inner {
	box-sizing: border-box;
}

.choices__list--dropdown {
	box-sizing: border-box;
}

.joomla-dialog-header button.button-close:after {
	content: "Sluiten";
}

/* Login screen */
.login-screen-container {
	background: url('../images/login_bg.jpg');
	height: calc(100vh - 30px);
	position: relative;
	background-size: cover;
	padding-top: 30px;
}

.login-container {
	position: absolute;
	left: calc(50% - 300px);
	top: 20%;
	width: 600px;
	background-color: #ffffff;
	
	padding: 16px;
	box-sizing: border-box;
	
	box-shadow: 0px 0px 16px #0000006b;
}

@media (max-width: 900px){
	.login-container {
		left: 0px;
		right: 0px;
		width: 100%;
	}
}

.login-container .form-control-feedback {
	color: red;
}

.login-container .form-control-danger {
	border-color: red;
}

.login-container .com-users-login__submit {
	padding: 10px 0px;
	text-align: center;
}

.login-container .col-sm-9.offset-sm-3 {
	padding: 10px 0px;
}

.login-logo {
	text-align: center;
}

.login-logo img {
	max-height: 100px;
}

.login-container .control-label {
	font-weight: bold;
	padding: 4px 0px;
}

.login-container fieldset legend {
	font-size: 16px;
	font-weight: normal;
}

#system-message-container {
	max-width: 1000px;
	margin: 0 auto;
}

.hide-on-modern {
	display: none;
}

/* Ring animation */
@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/* Likes */
@media (min-width: 600px){
	.content-likes {
		display: flex;
		align-items: center;
		
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media (max-width: 600px){
	.content-likes {
		padding-top: 15px;
		padding-bottom: 15px;
	}

}

.content-likes-button {
	
}

.content-likes-count {
	padding-left: 12px;
	position: relative;
	flex-grow: 1;
}

.content-likes-names {
	display: none;
	position: absolute;
	
	background-color: black;
	color: #ffffff;
	padding: 7px;
	border-radius: 4px;
}

.content-likes-count:hover .content-likes-names {
	display: block;
}

.content-comments-container {
	padding: 14px;
}

.content-comments-comment {
	display: flex;
	
	padding: 10px 0px;
}

.content-comments-level-2 {
	margin-left: 100px;
}

.content-comments-level-3 {
	margin-left: 200px;
}

.content-comments-level-4 {
	margin-left: 300px;
}

.content-comments-level-5 {
	margin-left: 400px;
}

@media (max-width: 700px){ 
	.content-comments-level-2 {
		margin-left: 40px;
	}

	.content-comments-level-3 {
		margin-left: 80px;
	}

	.content-comments-level-4 {
		margin-left: 120px;
	}

	.content-comments-level-5 {
		margin-left: 160px;
	}
}

.content-comments-comment-user-image {
	width: 64px;
	height: 64px;
	border-radius: 100px;
	border: 1px solid #c3c3c3;
	background-size: cover;
	background-position: center;
	
	margin: 0px 25px 0px 0px;
}

@media (max-width: 700px){ 
	.content-comments-comment-user-image {
		width: 48px;
		height: 48px;
		margin: 0px 10px 0px 0px;
	}
}

.content-comments-comment-body {
	flex-grow: 1;
}

.content-comments-comment-info {
	color: rgb(40, 40, 40);
	padding-left: 8px;
}

.content-comments-comment-text {
	padding: 8px;
	background-color: rgb(240, 240, 240);
}

.content-add-comment {
	padding: 3px;
}

.content-add-comment textarea {
	height: 100px;
}

/* Image resizing */
.item-content img {
	object-fit: contain;
	max-width: 100%;
}

/* Homepage blocks */
.homepage-block {
	padding: 10px;
}

.homepage-block-title {
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #000000;
	padding: 5px;
	margin-bottom: 10px;
	position: relative;
}

.homepage-block-settings {
	display: inline-block;
	position: absolute;
	right: 0;
}

.homepage-block-settings svg {
	width: 28px;
	height: 28px;
}

.homepage-block-settings svg:hover {
	color: rgb(133, 85, 158);
}

.homepage-active-user-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 1500px){
	.homepage-active-user-container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 1300px){
	.homepage-active-user-container {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 1100px){
	.homepage-active-user-container {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 899px){
	.homepage-active-user-container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.homepage-active-user {
	padding-bottom: 10px;
	text-align: center;
}

.homepage-active-user-image {
	width: 64px;
    height: 64px;
    border-radius: 150px;
    border: 1px solid #c3c3c3;
    background-size: cover;
    background-position: center;
	display: inline-block;
	
	transition: all 0.1s ease-in-out;
}

.homepage-active-user:hover .homepage-active-user-image {
	/*filter: brightness(1.1);*/
	transform: scale(1.1);
}

.homepage-active-user-name {
	display: block;
}

.homepage-shortcuts-container {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}

.homepage-shortcuts-container a {
	display: inline-block;
	text-align: center;
	padding: 10px;
}

.homepage-shortcuts-container a svg {
	width: 64px;
	height: 64px;
	
	transition: all 0.1s ease-in-out;
}

.homepage-shortcuts-container a:hover svg {
	color: rgb(133, 85, 158);
	transform: scale(1.1);
}

.homepage-shortcuts-container a span {
	display: block;
	text-align: center;
}

@media (max-width: 1500px){
	.homepage-shortcuts-container {
		grid-template-columns: 25% 25% 25% 25%;
	}
}

@media (max-width: 1300px){
	.homepage-shortcuts-container {
		grid-template-columns: 33.3% 33.3% 33.3%;
	}
}

@media (max-width: 1100px){
	.homepage-shortcuts-container {
		grid-template-columns: 50% 50%;
	}
}

@media (max-width: 899px){
	.homepage-shortcuts-container {
		grid-template-columns: 50% 50%;
	}
}

#month-year-selector input[type="month"] {
	border: 1px solid rgb(200, 200, 200);
	border-radius: 4px;
	margin: 3px;
	padding: 8px 14px 7px 14px;
	font-size: 16px;
	line-height: 1;
}

.dp-attachment a {
	display: flex;
	align-items: center;
}

.dp-icon.dp-icon_download {
	padding: 5px 10px 5px 5px;
}

.dp-icon.dp-icon_download svg {
	height: 25px !important;
	width: 25px !important;
}

.client-time-attachment {
	content: "";
	width: 22px;
	height: 22px;
	margin-left: 6px;
	position: absolute;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" /></svg>');
}

/* Attendance list */
.attendance-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
}

.attendance-list-day-header {
	font-weight: bold;
	padding: 5px;
    box-sizing: border-box;
	border-bottom: 3px solid #e59242;
	text-align: center;
}

.attendance-list-row {
	display: contents;
}

.attendance-list-row:hover div.attendance-list-client, .attendance-list-row:hover div.attendance-list-client-day {
	background-color: #ffd9a3;
}

.attendance-list-client {
	font-weight: bold;
	padding: 5px;
	box-sizing: border-box;
	border-right: 3px solid #e59242;
	text-align: center;
}

.attendance-list-client-day:nth-child(odd){
	background: #ffefd8;
}

.attendance-list-client-day:hover {
	background-color: #e59242;
}

.attendance-list-menu {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.attendance-list-menu:hover {
	background: #e59242;
}

.attendance-list-menu ul {
	display: none;
	position: absolute;
	list-style: none;
	padding: 0px;
}

.attendance-list-menu:hover ul {
	display: block;
	top: 100%;
	z-index: 100;
	
	color: #000000;
    background: rgb(250, 248, 248);
    border: 1px solid #81894f;
	
	width: 100%;
	box-sizing: border-box;
}

.attendance-list-menu ul li {
	display: block;
}

.attendance-list-menu ul li a {
	display: flex;
	align-items: center;
	padding-right: 8px;
	text-decoration: none;
}

.attendance-list-menu ul li a:hover {
	background: #e59242;
	color: #ffffff;
}

.attendance-list-menu ul li a svg {
	width: 30px;
	height: 30px;
	padding: 8px;
}

.attendance-list-menu span {
	width: 24px;
	height: 24px;
	display: block;
}

.attendance-list-menu span.al-add {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
}

/* Insights */
.insights-menu {
	float: left;
	width: 100px;
}

.insights-data {
	float: left;
	width: calc(100% - 120px);
	padding-left: 20px;
}

.insights-menu a {
	display: block;
	text-align: center;
	padding-bottom: 10px;
}

.insights-menu a:hover {
	
}

.insights-menu a svg {
	width: 48px;
	height: 48px;
	transition: all 0.1s ease-in-out;
}

.insights-menu a:hover svg {
	transform: scale(1.1);
    color: rgb(133, 85, 158);
}

.insights-row {
	padding-bottom: 15px;
}

.insights-column-1-1 {
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
	float: left;
}

.insights-column-2-1 {
    width: 50%;
    padding: 0px 15px;
    box-sizing: border-box;
	float: left;
}