.dstny-blue {
	color: #1BA9B5;
}

.dstny-orange {
	color: #FE9305;
}

.dstny-violet {
	color: #38344D;
}

h1, h4, h5, h6 {
	margin: 0em 0;
}

h2, h3 {
	margin: 0em 0;
	font-size: unset;
	font-weight: unset;
	display: unset;
}

/* body .ui-card .ui-card-title { */
/* 	background: linear-gradient(to right, #1BA9B5, #005C87); */
/* 	color: white; */
/* 	vertical-align: middle; */
/* } */

/* body .ui-card .ui-card-subtitle { */
/* 	background: linear-gradient(to right, #FE9305, #FFE655); */
/* 	color: white; */
/* 	vertical-align: middle; */
/* } */
.index .ui-panel .ui-panel-titlebar {
	/* 	background-color: #1BA9B5; */
	background: linear-gradient(to right, #1BA9B5, #005C87);
	color: white;
}

.index .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick
	{
	color: white;
}

.index .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick
	{
	color: white;
}

.index .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
	background-color: #FE9305;
	color: white;
}

body .footer .ui-panel .ui-panel-content {
	display: none;
}

body .footer .ui-panel .ui-panel-titlebar {
	background-color: #83be6c;
}

.index .ui-button.ui-button-icon-only .ui-icon {
	color: white;
}

.index .ui-button.ui-button-flat.ui-state-hover {
	background-color: #005C87;
	color: white;
}

.index .ui-button.rounded-button {
	background-color: transparent;
	color: white;
}

.index .comment .ui-button.rounded-button {
	background-color: #1BA9B5;
	color: white;
}

.index .ui-button.rounded-button.ui-state-hover {
	background-color: #FE9305;
	color: white;
}

.ui-chronoline-event-opposite {
	flex: 0.1;
}

body .ui-button.ui-button-flat.ui-state-hover {
	background-color: #005C87;
	color: white;
}

body .ui-button.ui-button-flat {
	background-color: #1BA9B5;
	color: white;
}

body .not .ui-button.ui-button-flat.ui-state-hover {
	background-color: #CF7701;
	color: white;
}

body .not .ui-button.ui-button-flat {
	background-color: #FE9305;
	color: white;
}

thead {
	/* 	background-color: #FE9305; */
	background: linear-gradient(to right, #FE9305, #FFE655);
	color: white;
}

body .ui-datatable thead th {
	background: transparent;
	color: white;
}

.menu {
	width: 20%;
	vertical-align: top;
}

.content {
	width: 80%;
	vertical-align: top;
}

.width10 {
	width: 10%;
}

.width80 {
	width: 80%;
}

.width90 {
	width: 90%;
}

.label {
	width: 30%;
}

.input {
	width: 70%;
}

.middle {
	width: 50%;
	vertical-align: top;
}

.left-title {
	width: 50%;
	text-align: left;
}

.right-title {
	width: 50%;
	text-align: right;
}

.custom-marker {
	display: flex;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	border-radius: 50%;
	z-index: 1;
}

.ui-chronoline-event-content, .ui-chronoline-event-opposite {
	line-height: 1;
}

@media screen and (max-width: 600px) {
	.customized-chronoline .ui-chronoline-event:nth-child(even) {
		flex-direction: row !important;
	}
	.customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content
		{
		text-align: left !important;
	}
	.customized-chronoline .ui-chronoline-event-opposite {
		flex: 0.1;
	}
	.customized-chronoline .ui-card {
		margin-top: 1rem;
	}
}

.ui-dataview .ui-dataview-header .ui-dataview-layout-options {
	display: none;
}

.dash .ui-panel, .dash div.ui-state-hover {
	margin: 10px;
	width: 33%;;
}

.ui-dashboard-column {
	width: 33%;
}

div.ui-card-subtitle table tbody tr td label {
	color: #777;
	font-size: 0.75rem;
}

body .ui-card .ui-card-title {
	font-size: 1.5rem;
	font-weight: 700;
	/*margin-bottom: 0.5rem;*/
}

body .ui-card .ui-card-content {
	padding: 0 0;
	text-align: left;
}

body .ui-card {
	/*background: #ffffff;
  color: #495057;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;*/
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 5px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

body .ui-card .ui-card {
	background-color: #F8F8F8;
	margin-bottom: 10px;
}

body .ui-chronoline-vertical.ui-chronoline-alternate .ui-chronoline-event:nth-child(2n+1)::before
	{
	position: absolute;
	top: 0px;
	left: 51%;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 0 solid #ccc;
	border-right: 15px solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

body .ui-chronoline-vertical.ui-chronoline-alternate .ui-chronoline-event:nth-child(2n)::before
	{
	position: absolute;
	top: 0px;
	right: 51%;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.paragraph-title {
	color: #1BA9B5;
	font-size: 2em !important;
}

.paragraph-content {
	
}

html {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}