/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/home/fonts/lato-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('/home/fonts/lato-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/home/fonts/lato-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/home/fonts/lato-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/home/fonts/lato-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/home/fonts/lato-v11-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('/home/fonts/lato-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('/home/fonts/lato-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/home/fonts/lato-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/home/fonts/lato-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/home/fonts/lato-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/home/fonts/lato-v11-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  src: url('/home/fonts/lato-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('/home/fonts/lato-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/home/fonts/lato-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/home/fonts/lato-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/home/fonts/lato-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/home/fonts/lato-v11-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
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, font, 
img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, 
ul, li, form, label, table, caption, tbody, tfoot, thead, 
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Lato, sans-serif;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
}
html { 
	background: url(/home/images/bg-model.jpg) repeat-y center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}
body { 
	font-size: 16px; 
	font-family: Lato, sans-serif;
	line-height: 1; 
	margin: 0px; 
	padding: 0px; 
	width: 100%;
	height: 100%;
}
.mkr-flex {
	display: flex; 
	flex-flow: column; 
	height: 100%;
	width: 100%; 
}

.mkr-top {
	float: left;
	width: 100%; 
	flex: 0 1 auto;
}

.mkr-btm {
	background-color: rgba(0,0,0,0.7);
	width: 100%; 
	flex: 1 1 auto;
	margin: 30px 0px 0px 0px; 
	padding: 30px 0px 0px 0px; 	
	box-sizing: border-box;
	float: left;
}

#footer li {
    padding-bottom: 3px;
    padding-top: 3px;
}

input.error { 
	border: 1px solid red; 
}

form.cmxform label.error, label.error {
	color: red;
	position: relative;
	top: 5px;
	min-height: 34px;
	line-height: 34px;
}
table.mkr-fixed { table-layout:fixed; }
table.mkr-fixed td { overflow: hidden; }

.ui-autocomplete { 
	max-height: 250px; 
	overflow-y: scroll; 
	overflow-x: hidden;
}
.ui-effects-transfer {	
	border: 2px dashed #9C9496;
}
.ui-selecting {
	background: white;
}
.ui-selected {
	background: #F39814;
	color: white;
}
.ui-button, .ui-button-text .ui-button{  
   font-size: inherit !important;
}
.ui-spinner {
	float: left;
	min-height: 34px;
	margin: 5px;
	box-sizing: border-box;
}

.cm-kicker {
	margin: 4px 0 4px 0;
	width: 100%;
	float: left;
	font-size: 1em;
}

.cm-headline {
	font-size: 2em;
}

.body-s {
	font-size: 16px;
}
.body-m {
	font-size: 14.4px;
}
.body-l {
	font-size: 16px;
}
.body-xl {
	font-size: 17.6px;
}

.mkr-unselectable {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mkr-unselectable:hover {
	background-color: #dedede !important;
	color: black !important;
}
.mkr-dt-dmnky {
	table-layout: fixed; 
	font-size: 100%; 
	max-width: 100%;
}

.mkr-nav-itm-xl { padding: 15px 30px 15px 30px; }
.mkr-lnk-itm-xl { padding: 15px 30px 15px 30px; }
.mkr-nav-itm-l { padding: 5px 20px 5px 20px; }
.mkr-lnk-itm-l { padding: 5px 20px 5px 20px; }
.mkr-nav-itm-m { padding: 5px 10px 5px 10px; }
.mkr-lnk-itm-m { padding: 5px 10px 5px 10px; }
.mkr-nav-itm-s { padding: 15px;	outline: none; }
.mkr-lnk-itm-s { padding: 15px;	outline: none; }

.mkr-lnk-itm-m:hover { 
	background-color: white;
	color: black;
	outline: 1px solid black;
	text-decoration: underline;
}
.mkr-lnk-itm-m:active {
	background-color: white;
	color: red;
	outline: 1px inset black;
	text-decoration: underline;
}
.mkr-nav-itm-m:hover {
	background-color: #eee;
	color: black;
	outline: 1px solid black;
}
.mkr-nav-itm-m:focus {
	outline-color: white;
	outline-style: solid;
	outline-width: 1px;
}
.mkr-nav-itm-s:hover {
	background-color: black;
	color: white;
}
.mkr-lnk-itm-s:hover {
	background-color: black;
	color: white;
}

.mkr-brdr-odd {
	border: 8px solid #aaa !important;	
}

.mkr-brdr-evn {
	border: 8px solid #666 !important;	
}

.mkr-load-form {
	clear: left; float: left; width: 100%; display: none;
	margin-top: 10px;
}

/* default error message css */
.mkr-error {
	display: none;
	clear: left;
	float: left;
	width: 98%; 
	font-size: 100%; 
	padding: 5px;
	margin: 15px 2px 15px 2px;
	text-align: left;
	line-height: 22px;
	vertical-align: middle;
}
.mkr-atm-lbl {
	float: left; font-size: 125%; padding: 10px; 
	border-bottom: 1px solid black;  
	border-right: 1px solid black; 
	border-top: none; border-left: none;
}
.mkr-btn-cls-err  {
	background:url(./img/close_view.png) no-repeat;
	background-position: center center;	
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.mkr-btn-dlg {
	float: left;
	background-position: center center;	
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-repeat: no-repeat;
	display: none;
	margin: 4px;
}
.mkr-btn-dlg:focus {
	outline: 1px solid black;	
}
.mkr-btn-dlg:hover {
	outline: 1px solid white;	
}

.mkr-btn-cls-dlg  {
	background-image: url(./img/close_view.png);
}

.mkr-btn-opn-dlg  {
	background-image: url(./img/openbrwsr.png);
}

.mkr-sum-inf {
	overflow: hidden;
	margin-top: 1px;
	border-width: 2px; 
	border-style: solid; 
	background-color: white;	
}

.mkr-form, .mkr-panel, .mkr-search-form, .mkr-entity-meta {
	clear: both;
	float: left;
	overflow: hidden; 
	width: 100%; max-width: 100%;
	box-sizing: border-box;
	background-color: white;
	display: inline-block;
}
.mkr-meta-item {
	float: right;
	border-left: 1px solid black;
	margin-left: 5px;
	padding: 5px;
}
.mkr-center {
	line-height: inherit; 
	height: inherit; 
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
	overflow: hidden;
	box-sizing: border-box;
}
.mkr-main {
	width: 100%;
	padding-bottom: 10px;
}
.mkr-view {
	width: 100%;
	max-width: 100%;
}

.mkr-valign-cell {
	clear: left; 
	height: 40px;"
	padding-top: 20px; 
	padding-bottom: 20px; 
	display: table-cell; 
	vertical-align: middle; 
}
.mkr-img-box {
	padding: 0px;
	width: 40%;
	float: left;
}
.mkr-logo {
	float: left;
}
.mkr-logo-img {
	width: 100%; 
	height: auto; 
	margin: 5px 0px 5px 0px;
}
.mkr-slogon-box {
	float: left; 
	width: 60%;
	overflow: hidden;
	text-align: right;
}
.header-title-txt {
	width: 100%;
	color: black; 
}
.header-title-txt-xs {
	font-size: 60%; 
}
.header-title-txt-s {
	font-size: 75%; 
}
.header-title-txt-m {
	font-size: 90%; 
}
.header-title-txt-l {
	font-size: 100%; 
}
.header-title-txt-xl {
	font-size: 150%; 
}
.mkr-mnu-top {
	line-height: 35px; 
	height: 35px; 
	color: white; 
	box-sizing: border-box;
	padding: 0px 5px 0px 5px;
}
.mkr-mnu {
	color: white;
	background-color: transparent;
	font-size: 0.9em;
	line-height: 125%;
	text-decoration: none;
}
.mkr-mnu:hover {
	color: rgb(2,7,23);
	background-color: white;
}
.mkr-mnu-left {
	float: left; 
	color: white;
	text-decoration: none;
}
.mkr-mnu-right {
	float: right; 
	color: white;
	margin-left: 5px;
	text-decoration: none;
}
.mkr-menu-bar {
	clear: left; 
	width: 100%; 
	float: left; 
	height: auto;
	padding: 5px 0px 5px 0px;
}
.mkr-mnu-top-align {
	border-bottom: solid 1px white;
	background-color: rgba(0,0,0,0.7);
	width: 100%; 
	box-sizing: border-box;
	min-height: 35px;
}

.mkr-file-input {
	position: fixed;
    top: -1000px;
}

.mkr-file-select {
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
}
.mkr-file-select:hover {
    background: #DDD;
}
.mkr-file-select:active {
    background: #CCF;
}
.mkr-file-select:focus {
    border: 1px solid black;
}
.mkr-file-select :invalid + span {
    color: #A44;
}
.mkr-file-select :valid + span {
    color: #444;
}

.mkr-form-bg {
	background-color: white;
}

.info-img {
    float: left;
    width: 26px;
    height: 26px; 
    background-color: transparent;
    position: relative;
    top: 10px;
    left: 5px;
}
.info-img:hover {
}

table.dataTable.display tr.even.mfRowDeleted td, table.dataTable.display tr.odd.mfRowDeleted td {
    background-color: #CCCCCC;
	text-decoration: line-through;
}

table.dataTable.display tr.even.mfRowDeleted:hover td, table.dataTable.display tr.odd.mfRowDeleted:hover td {
    background-color: #CDCDCD;
	text-decoration: line-through;
}

table.dataTable.display tr.even.mfRowDeleted.selected td, table.dataTable.display tr.odd.mfRowDeleted.selected td {
    background-color: #b0bed9;
	text-decoration: line-through;
}

table.dataTable.display tr.even.mfRowDeleted:hover.selected td, table.dataTable.display tr.odd.mfRowDeleted:hover.selected td {
	background-color: #a9b7d1;
	text-decoration: line-through;
	
}

/* set color variations for selection class mfRowNew */ 
table.dataTable.display tr.even.mfRowNew td, table.dataTable.display tr.odd.mfRowNew td {
    background-color: #CCCCCC;
}

table.dataTable.display tr.even.mfRowNew:hover td, table.dataTable.display tr.odd.mfRowNew:hover td {
    background-color: #CDCDCD;
}

table.dataTable.display tr.even.mfRowNew.selected td, table.dataTable.display tr.odd.mfRowNew.selected td {
    background-color: #b0bed9;
}

table.dataTable.display tr.even.mfRowNew:hover.selected td, table.dataTable.display tr.odd.mfRowNew:hover.selected td {
	background-color: #a9b7d1;	
}
/* set color variations for selection class mfRowNew end */ 

.dtFilterField {
	margin-top: 3px;
	margin-bottom: 5px;
	width: 250px;
}

.mkr-tbl-panel {
	margin: 0px !important;
	padding: 0px !important;	
}

.mkr-inst-unlnk {
	text-decoration: line-through;
}

.mkr-resize {
	max-width: 2140px;
}

.mkr-hidden {
	display: none;
}

.mkr-vstyle-cursor {
    outline: 4px solid green;
    outline-offset: -4px;
    cursor: pointer;
}

.mkr-frmrw-rglr {
	float: left;
	background-color: white;
	width: 100%;
	text-align: left;
	margin: 20px 0 0 0;
	border: none;
}

.mkr-frmrw {
	float: left;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 20px 0 0 0;
	border: none;
}
.mkr-frmrw:nth-child(odd){
	background: #d1ad9d;
	background-image: -webkit-linear-gradient(top, #d5b4a1, #c09585);
	background-image: -moz-linear-gradient(top, #d5b4a1, #c09585);
	background-image: -ms-linear-gradient(top, #d5b4a1, #c09585);
	background-image: -o-linear-gradient(top, #d5b4a1, #c09585);
	background-image: linear-gradient(to bottom, #d5b4a1, #c09585);
	text-decoration: none;	
}
.mkr-frmrw:nth-child(even){ 
	background-color: #fffdff;
	background-image: -webkit-linear-gradient(top, #d8d7dc, #fffdff);
	background-image: -moz-linear-gradient(top, #d8d7dc, #fffdff);
	background-image: -ms-linear-gradient(top, #d8d7dc, #fffdff);
	background-image: -o-linear-gradient(top, #d8d7dc, #fffdff);
	background-image: linear-gradient(to bottom, #d8d7dc, #fffdff);
	text-decoration: none;	
}	

.mkr-list {
	border: 1px solid black;
	margin: 10px 0px 0px 0px;
}

.mkr-li {
	font-size: 100%;
	cursor: pointer;
	margin: 5px 0px 0px 10px; 
	padding: 5px;
	text-decoration: underline;
}

.mkr-legend {
	border: 1px solid black;
	background-color: white;	
}

.mkr-bold {
	font-weight: bold;
}

.mkr-cmb {
	font-size: 100%;
	font-family: inherit;
	width: auto;
	height: auto;
	margin: 5px;
	padding: 0px;
}
.mkr-lbl {
	font-size: 100%;	
	color: white;
}
.mkr-srch-result-select {
	display: inline-block;
	margin: 2px 10px 0px 5px;
	padding: 0px;
	height: inherit;
}
.mkr-rsm-row {
	height: auto;
	margin: 0px; 
	padding: 0px;
}
.mkr-rsm-xlgnd {
	font-size: 75%; 
	height: 100px; 
	line-height: 100px; 
	overflow: hidden;  
	display: inline-block;
	vertical-align: middle;
}
.mkr-rotate-left {
  -moz-transform: rotate(-90.0deg);
  -o-transform: rotate(-90.0deg);
  -webkit-transform: rotate(-90.0deg);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  transform: rotate(-90.0deg); 
  font-size: 120%;
}

.mkr-rsm-green-cell {
	background-color: green;
	width: 48px;
	height: 48px;
	line-height: 48px;
	max-height: 48px;
	max-width: 48px;
	padding: 4px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border: 1px solid black;
	user-select: none;	
}
.mkr-rsm-green-cell:hover { background-color: #90EE90; }
.mkr-rsm-green-cell:active{ 
	background-color: #ADD8E6; 
	border: 1px ridge;
}

.mkr-rsm-yellow-cell {
	background-color: yellow;
	border: 1px solid black;
	width: 48px;
	height: 48px;
	line-height: 48px;
	max-height: 48px;
	max-width: 48px;
	padding: 4px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mkr-rsm-yellow-cell:hover { background-color: #FFFFE0; }
.mkr-rsm-yellow-cell:active{ 
	background-color: #ADD8E6; 
	border: 1px ridge;
}

.mkr-rsm-red-cell {
	background-color: red;
	border: 1px solid black;
	width: 48px;
	height: 48px;
	line-height: 48px;
	max-height: 48px;
	max-width: 48px;
	padding: 4px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mkr-rsm-red-cell:hover { background-color: #E03D34; }
.mkr-rsm-red-cell:active{ 
	background-color: #ADD8E6; 
	border: 1px ridge;
}

.prBnkSearchDialog {
	background-color: white;	
}

.headerFont {
	font-family: Lato, sans-serif;
	font-size: 150%;
	color: #000000;
	padding: 15px 10px 15px 5px;
	margin: 0px;
}

.errorMessageFont {
	font-family: Lato, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #000000;
}

.errorCode {
	font-family: Lato, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

.defaultLabel {
	-ms-word-break: normal;
	word-break: normal;
	height: 34px;
	line-height: 1;
	width: 160px;
	max-width: 160px;
	float:left;
	font-family: inherit;
	font-size: inherit;
	margin-top: 9px;
}

.mkr-dlg {
	float: left; width: 100%; background-color: white;
}
.mkr-dlg-title {
	margin: 5px 0px 0px 0px; height: 32px;
}
.mkr-btn-pnl {
	margin: 0;
}
.mkr-row-cntrls {
	float: left;
	height: 35px; 
	min-height: 35px; 
	max-height: 35px; 
}
.mkr-btn {
	height: 35px; 
	min-height: 35px; 
	max-height: 35px; 
	min-width: 35px;
	margin: 0 0 0 5px;
	padding: 0px;
	font-size: inherit;
	float: left;
	display: none;
}
.mkr-box {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
    width: 100%; overflow: hidden; margin: 0px; padding: 0px;
}
.mkr-dmn-pnl {
	border: 1px solid gray;
}
.mkr-footer {
	border-top: white 1px solid;
}
.mkr-copy {
	width: 100%; 
	text-align: center; 
	padding: 5px; 
	color: #fffbfc;
}
.defaultField {
	border: 1px solid black;
	margin: 5px;
    padding: 0px 5px 0px 5px;
	min-height: 34px;
	min-width: 180px;
	font-style: normal;
	font-size-adjust: none;
	vertical-align: middle;	
	float:left;
	font-size: 100%;
	font-family: inherit;
}

.numberField {
	border: none;
	margin: 0px;
	min-width: 50px;
	max-width: 50px;
	width: 50px;
    padding: 0px 5px 0px 5px;
	min-height: 34px;
	font-style: normal;
	font-size-adjust: none;
	vertical-align: middle;	
	float:left;
	font-size: 100%;
	font-family: inherit;
}

.any-to-one-lbl {
    -ms-word-break: break-all;
    word-break: break-all;
    padding: 0 10px 0 10px;
	min-height: 34px;
	line-height: 34px;
	min-width: 180px;
	border: 1px solid black;
	vertical-align: middle;
	text-align: center; 
	background-color: #dddddd;
}

.mkr-bln {
	float: left; 
	margin: 5px;
	min-width: 20px;
	min-height: 20px;
	position: relative;
	top: 8px;	
}
.mkr-fupl-err-box {
	display: none; 
	float: left; 
	clear: both; 
	width: 100%;
	overflow: hidden; 
	box-sizing: border-box;"
}
.mkr-fupl-prog {
	clear: left; display: none;
}
.mkr-dsp {
	display: none;
}
.formRow, .mkr-err-row {
	width: inherit;
	font-family: Lato, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: none;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.mkr-err-lbl {
	display: none; float: left;	margin-left: 5px;
}

.actionButtonDark {
	margin: 0px;
	padding: 8px 10px 8px 10px;
	width: auto;
	float: left;
	vertical-align: middle;
	color: white;
	cursor: pointer;
}

.actionButtonSelected {
	margin: 0px;
	padding: 8px 10px 8px 10px;
	width: auto;
	float: left;
	vertical-align: middle;
	background-color: white;
	height: 100%; 
	cursor: pointer;
}

.mkr-mnu-bar {
	float: right;
	height: 32px; 
	line-height: 32px; 
	min-height: 32px; 
	padding-right: 5px;		
}

.gradBg {
  background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #cccccc, white ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #cccccc, white); /* For Opera 11.1 to 12.0 */
  background: -ms-linear-gradient(-90deg, #cccccc, white); /* For IE */
  background: -moz-linear-gradient(-90deg, #cccccc, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #cccccc, white); /* Standard syntax */
}

.gradHdrBg {
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #cdcdcd, #020717 ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #cdcdcd, #020717); /* For Opera 11.1 to 12.0 */
  background: -ms-linear-gradient(-90deg, #cdcdcd, #020717); /* For IE */
  background: -moz-linear-gradient(-90deg, #cdcdcd, #020717); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #cdcdcd, #020717); /* Standard syntax */
}

.mkr-panel-bg {
	background: white; 
	background: -moz-linear-gradient(top, white 0%, #f1f1f1 100%); 
	background: -webkit-linear-gradient(top, white 0%,#f1f1f1 100%); 
	background: linear-gradient(to bottom, white 0%,#f1f1f1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#f1f1f1',GradientType=0 );
}

.mkr-panel-bg-dark {
	background: #cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #f1f1f1 100%); 
	background: -webkit-linear-gradient(top, #cdcdcd 0%,#f1f1f1 100%); 
	background: linear-gradient(to bottom, #cdcdcd 0%,#f1f1f1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#f1f1f1',GradientType=0 );
}

.mkr-progress {
  display: block;
  background: url("./img/loading.gif") center no-repeat;
  background-size: 32px 32px;
}

.mkr-lyt-btn-pnl {
	margin-top: 10px;
	padding: 5px;
	line-height: 29px;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
}
.mkr-lyt-lbl {
	color: #020717;
	float:left;	
	margin-right: 10px;
}
.mkr-valxs-xs {
	clear: left;
}
.mkr-valxs-s {
	clear: none;
}
.mkr-lyt-btn {
	float: left;	
	min-height: 29px;
	background: #0b24a1;
	background-image: -webkit-linear-gradient(top, #424651, #020717 );
	background-image: -moz-linear-gradient(top, #424651, #020717 );
	background-image: -ms-linear-gradient(top, #424651, #020717 );
	background-image: -o-linear-gradient(top, #424651, #020717 );
	background-image: linear-gradient(to bottom, #424651, #020717 );
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	text-shadow: none;
	color: #ffffff;
	font-size: 100%;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	cursor: pointer;
	margin-right: 5px;
	border: none;
}

.mkr-lyt-btn:hover {
  background: #ffffff;
  color: #1a1a1a;
  text-decoration: underline;
  outline: 1px solid black;
}
.mkr-lyt-btn:active {
  background: #cdcdcd;	
}

.mkr-lyt-btn.down:active {
  background: #cdcdcd;	
}

.mkr-lyt-btn.down {
  background: #ffffff;
  color: #1a1a1a;
  text-decoration: none;
  outline: 1px solid black;
}
.mkr-lyt-btn.down:hover {
  text-decoration: underline;
}
.mkr-sgt-btn-a {
  background: #b09c93;
  background-image: -webkit-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: -moz-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: -ms-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: -o-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: linear-gradient(to bottom, #b09c93, #e8e8e8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  text-shadow: 1px 0px 0px #ededed;
  -webkit-box-shadow: 7px 7px 5px #666666;
  -moz-box-shadow: 7px 7px 5px #666666;
  box-shadow: 7px 7px 5px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 175%;
  padding: 20px 20px 20px 20px;
  border: solid #e0d5d5 2px;
  text-decoration: none;
  cursor: pointer;
}

.mkr-sgt-btn-a:hover {
  cursor: pointer;
	background: #c47c5e;
  background-image: -webkit-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: -moz-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: -ms-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: -o-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: linear-gradient(to bottom, #c47c5e, #f0e2f0);
  text-decoration: none;
}

.mkr-btn-mnu {
  cursor: pointer;
  background: #b09c93;
  background-image: -webkit-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: -moz-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: -ms-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: -o-linear-gradient(top, #b09c93, #e8e8e8);
  background-image: linear-gradient(to bottom, #b09c93, #e8e8e8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  text-shadow: 1px 0px 0px #ededed;
  -webkit-box-shadow: 2px 2px 5px #666666;
  -moz-box-shadow: 2px 2px 5px #666666;
  box-shadow: 2px 2px 5px #666666;
  font-family: inherit;
  color: #000000;
  font-size: 100%;
  padding: 10px 20px 10px 20px;
  border: solid #e0d5d5 2px;
  text-decoration: none;
}

.mkr-btn-mnu:hover {
  cursor: pointer;
  background: #c47c5e;
  background-image: -webkit-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: -moz-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: -ms-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: -o-linear-gradient(top, #c47c5e, #f0e2f0);
  background-image: linear-gradient(to bottom, #c47c5e, #f0e2f0);
  text-decoration: none;
}
.mkr-new-instance {
	font-size:100%; 
	margin: 0px; 
	padding: 0px; 
	visibility: visible;
}

.mkr-usr-nav {
	background-color: rgba(0,0,0,0.7);
	margin-bottom: 10px;
}