html,body {
	font: 12pt Arial, Verdana;
    color: #333333;
    background-color: #ffffff;
}
/*
	dark background or text: #6e6467 
	red highlight: #fac2ad
	blue highlight: #7dd1eb
	purple highlight: #cd77b1
	dark purple text: #6f1a50;
*/

.main-box {
	/*background-image: url('../images/bg-pattern-homepage-hero.png');*/
	background-repeat: no-repeat;
	background-size: cover;
}

h1{
    font-family: "Metropolis Semi", Metropolis Semi, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 28px;
    line-height: 60px;
    color: #00364F;
}

h2{
	font: bold 16pt Verdana;
}

h3{
	font: bold 14pt Verdana;
}

h4{
	font: bold 12pt Verdana;
}

.footer-box {
	font: 10pt Arial, Verdana;
}

.clickable {  
	cursor: pointer;
}

a, 
a:visited {
	color: #449fbb;
	text-decoration: none;
}

a:hover {
	color: #7dd1eb;
	text-decoration: underline;
}

a.disabled,
a[disabled],
label.disabled,
label[disabled] {
	color: #6e6467;
	cursor: default;
	text-decoration: none;
}

.popup-box {
	-webkit-box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.75);
	background-color: white;
}


.command-box {
    background-color: white;
    box-shadow: 0 0 5px 8px white;
}

.command-box .navigation-elem a,
.command-box .navigation-elem label {
	border: solid 1px #ceced2;
	color: #515967;
	background-color: #f3f3f4;
	background-position: 50% 50%;
	background-image: none;
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0px, rgba(255, 255, 255, 0) 100%);
	text-decoration: none;
	font-weight:normal;
	border-radius: 4px;
}

.command-box .navigation-elem a.active,
.command-box .navigation-elem label.active {
	border: solid 1px #7dd1eb;
	background-color: #305BB0; 
	color: white;
}

.command-box .navigation-elem a:hover,
.command-box .navigation-elem label:hover {
	border: solid 1px #67797e;
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0), #CEF2FC);
	color: #303030;
}

.command-box .navigation-elem a.disabled,
.command-box .navigation-elem label.disabled {
	color: #cbcbcf;
	border: solid 1px #ceced2;
	background-color: #f3f3f4;
	background-image: none;
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0px, rgba(255, 255, 255, 0) 100%);
	cursor: default;
}

.command-box .navigation-elem a.disabled:hover,
.command-box .navigation-elem label.disabled:hover {
	border: solid 1px #002B80;
    background-color: #FFFFFF;
	cursor: default;
}

.command-box .navigation-elem a.non-interactive,
.command-box .navigation-elem label.non-interactive {
	color: #C0C0C0;
	cursor: default;
}

.command-box .navigation-elem a.non-interactive:hover,
.command-box .navigation-elem label.non-interactive:hover {
	border: solid 1px #002B80;
    background-color: #FFFFFF;
	cursor: default;
}

.navigation-box .navigation-elem a,
.navigation-box .navigation-elem label {
	border: solid 1px #ceced2;
	color: #515967;
	background-color: #f3f3f4;
	background-position: 50% 50%;
	background-image: none;
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0px, rgba(255, 255, 255, 0) 100%);
	text-decoration: none;
	border-radius: 4px;
}

.navigation-box .navigation-elem a:hover,
.navigation-box .navigation-elem label:hover {
	border: solid 1px #67797e;
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0), #CEF2FC);
	color: #1b1819;
}

.k-i-Save {
	background: transparent url(../images/baseline_save_black_24dp.png) no-repeat 0% 50%;
}
.k-i-Show-hint {
	background: transparent url(../images/baseline_speaker_notes_black_24dp.png) no-repeat 0% 50%;
}

.k-grid .event-log-record[data-event-type='Information'] td {
}

.k-grid .event-log-record[data-event-type='Warning'] td {
	background: lightgoldenrodyellow;
}

.k-grid .event-log-record[data-event-type='Error'] td {
	background: lightcoral;
}

.k-grid .k-state-selected.k-grid-edit-row {
	color: unset;
	background-color: unset;
}