@media print {
	.km-print-only{
		/*page-break-inside:auto;*/
		position: relative;
	}
	.km-print-break-after {}
	.km-print-break-before {}
	.km-print-hide{display:none !important;}
  body > div.km_ContainerOuter {float: none !important; }
  .km_PageBreak { float: none !important;page-break-inside: avoid; page-break-after: always !important; display:block !important;}
	.km-tbv-tbody-dv{height:auto !important}
	.km-table-print {height:auto !important}
	table { float: none !important;height:auto !important}
	tbody {height:auto !important}
	tr{ float: none !important; page-break-inside:avoid; }
	td { float: none !important; page-break-inside:avoid; }
  }

@media screen {
	.km_PageBreak {display:none;}
	.km-print-only{	display:none !important;	}
}

.km-print-only-div {display:block; height:auto}
.km-print-only-div > div > div.km-tbv-tbody-dv {height:auto}

.km-print-hide-div {display:none !important}
.km-print-only-pdf {}
.km-print-hide-pdf {display:none;}
.km-temp-pdf-hide{display:none;}

input:focus,
select:focus,
textarea:focus,
button:focus {
   outline: none;
}

body{margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;}
html, body{height: 100%;min-height: 100%;max-height: 100%;}

.header-login-page { width: 100%; }
.header-login-page-left { float: left; padding: 25 0 20 5%; width:33%; max-width:300px;}
.header-login-page-left  img {width:100%;}
.header-login-page-right { float: right; padding: 40 5% 20 0;}
.header-login-page-right  img {width:100%;}
.header-login-shadow { background-image: url(../Login/Images/Bottom-Shadow.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 24px; float:left}
.form-login-page { text-align: center; width: 100%;  }
.login-form-please { background-image: url(../Login/Images/Login-Text.png); background-position: center; background-repeat: no-repeat; height: 120px; }
.login-form-id-text   { background-image: url(../Login/Images/Login-ID-Text.png); background-position: center; background-repeat: no-repeat; width: 170px; padding-bottom: 21px; line-height: 34px; }
.login-form-pass-text { background-image: url(../Login/Images/Password-Text.png); background-position: center; background-repeat: no-repeat; width: 170px; }
.login-form-fields    { background-image: url(../Login/Images/Field-Background.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 337px; height: 59px; padding-left: 12px; margin-bottom: 12px }
.login-form-login-btn { background-image: url(../Login/Images/Login-Button.png); background-position: center; background-repeat: no-repeat; width:251px; height: 43px; border: 0px; background-color: white; }
.login-form-reset-btn{ background-image: url(../Login/Images/Reset-Password.jpg); background-position: center; background-repeat: no-repeat; width:251px; height: 43px; border: 0px; background-color: white; }

.login-form-id-text2   { width:calc(100% - 357px);background-image: url(../Login/Images/Login-ID-Text.png); background-position: center; background-repeat: no-repeat; padding-bottom: 21px; line-height: 34px; float:left; }
.login-form-pass-text2 { width:calc(100% - 357px); background-image: url(../Login/Images/Password-Text.png); background-position: center; background-repeat: no-repeat; padding-bottom: 21px; line-height: 34px;float:left; }
.login-form-fields2  { background-image: url(../Login/Images/Field-Background.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 337px; height: 59px; padding-left: 12px; margin-bottom: 12px; float:left; }
.login-form-login-btn2 { background-image: url(../Login/Images/Login-Button.png); background-position: center; background-repeat: no-repeat; width:251px; height: 43px; border: 0px; background-color: white; float:none; }
.login-forgot-password {font-size:10pt; color:blue; cursor:pointer; cursor:hand; float:none;}
@media only screen and (max-width:768px)
{
	.login-form-fields  {font-size:16pt;}
	.login-form-fields2  {font-size:16pt;}
	.login-form-id-text2 {width:300px;}
	.login-form-pass-text2 {width:300px;}
	.login-forgot-password {font-size:14pt;}
	.login-form-inputs-div {padding-left:10px;}
}

.menuContent{margin-left: 3px; background-color:white;border:solid #d4d0c8 1px;border-bottom:0px;position:absolute;font-size:12px;cursor:pointer;cursor:hand;padding:0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;z-index:100;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#mnuCheckUnchedColumns > .menuBody > .menuRowOver > .menuCell label { cursor: default; }
#mnuCheckUnchedColumns > .menuBody > .menuRowOver > .menuCell { cursor: default; }
.menuTitle{font-weight:bold; color:#253243; background-color:#d4d0c8;width:auto;padding:3 4 3 7;}
.menuSearch{width:100%; padding: 4px;}
.menuBody{display: block; overflow-y: scroll; max-height: 300px; width: 100%;}
.menuRow{display:block;}
.menuRowOver{background-color: #3470D0; color: #ffffff;}
.menuRowSel{font-weight:bold;}
.menuCell{display:table-cell;height:18px;vertical-align:middle;cursor:pointer;cursor:hand;white-space:nowrap;border-bottom:solid #efefef 1px;padding: 5 2;text-align:left;}
.menuCellWithChilds{}
.menuCellSel{color:red;}
.menuCellDisable{color:#CCCCCC;}
.menuCellImg{height:16;width:16;}
.menuCellLine{height:2px; padding:0px; background-color:#fff;}
.mnuMSInpt { width: 96%; margin: 2 7 0 0; }
.mnuDropDownIcon { background: transparent url('Images/br_down.png') no-repeat 95% 50%; background-size: 10px 10px; color: white; padding: 4px; margin: 2px 0px 10px 0px; border: 1px solid white; float: left; width: 90%; }
.mnuDropDownNoIcon { background:transparent; color: white; padding: 4px; margin: 2px 0px 10px 0px; border: 1px solid white; float: left; width: 90%; }
.mnuDropDownNoIcon option { color: grey; }

.popupBody{z-index:100;width:auto;background-color:#fff;padding:0px; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);padding:10}
.popupBodyChild{width:100%;background-color:white;display:table;}
.popupBodyRow{padding:0px;width:100%;}
.popupHeaderRow{width:100%; padding:0px;}
.popupHeaderTitle{cursor:move;width:100%;padding-left:5px;padding-right:5px;font-size:15px;color: rgb(64,64,64);}
.popupHeaderDuplicate{cursor:hand;width:100%;padding-left:5px;padding-right:5px;font-size:15px;color: rgb(64,64,64);}
.popupHeaderButtonCell{text-align:right;cursor:pointer;padding-left:2px; padding-right:2px;height:28px;padding-top:5px;}
.popupButton{padding-left:3px; padding-right:3px;cursor:pointer;}
.popupButtonRow{width:100%; padding:0px; text-align:center;}
.popupButtonCell{text-align:left;}
.popupActInput {width: 130px;float:left;margin-left:20px;}
.popupActButton {width: 130px;}
.popupActColumnTitle {font-size:.8em;padding-top:10px;text-align:left;color:rgb(64,64,64); cursor:pointer !important;padding-left:20px;}
.popupActSelect {width:142px;font-size:.7em;-webkit-appearance: none; margin-left:20px; -moz-appearance: none;appearance:none;border-radius:0px;padding:2px;}
.popupActSelectSync {margin-top: 10px;border: 0px;background-color:#fff;-webkit-appearance: none; -moz-appearance: none;appearance:none;}
.popupActButtonLeftTxt {float: left;}

.popupSelect{}
.popupInput{}
.popupLabel{border:0px;text-align:right;}
.popupCellAlert{text-align:center; color:red;font-size:12px }

.blurbox{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.5;filter:alpha(opacity=50);z-index:90;}

.popupActExpand {background-color: rgb(27,88,119) !important;color:#fff !important;}
.popupActCollapse {background-color: rgb(189,206,215) !important;color:rgb(64,64,64) !important;}
.popupActHeaderTitle{cursor:pointer !important;width:100%;display: table-cell;background-color: rgb(27,88,119);color: #fff;font-size: .9em;text-align:left;padding:6px;}
.popupActHeaderButtonTxt {border:0px;background-color:transparent;color:rgb(105,157,184);}
.popupActFirst{background-color:#fff;}
.popupAct{padding-top:4px; padding-left:4px; padding-bottom:4px;padding-right:3px;}
.popupActButtonAddCell{text-align:left;}
.popupActButtonAddTxt {cursor:pointer;border: 0px;background: transparent;padding-bottom: 4px;color: rgb(105,157,184);font-size:.7em;}
.popupActBodyChildBackground {background-color:rgb(243,243,243);}
.popupActBodyChild {border-top: 2px solid #fff;}
.popupActWaitContainer {text-align:center !important;background-color:#fff !important;}

.popupButtonLeftCell{padding:3px; text-align:right;vertical-align:middle;width:45%;}
.popupButtonRightCell{padding:5px; text-align:left;vertical-align:middle;}
.popupBodyCellLeft{width:100;height:100;vertical-align:middle;padding:10}
.popupBodyCellRight{width:100;height:100;vertical-align:middle;padding-right:10}
.popupNewBodyCellLeft input{border: 1px solid grey; width: 100%;}
.popupNewBodyCellRight{width: 1px;}
.popupchartNewFldBodyCellLeft input{border: 1px solid grey; width: 100%;}
.popupchartNewFldBodyCellLeft{width: 1px;}

.popupRenBody{border-radius: 6px;}
.popupRenBodyRow{height:100px;}

.popupSureBody{border-radius: 6px;}
.popupSureLabel{text-align:center;}

.km_Calendar{font-family: DINOT;} .km_CalendarHead{font-family: DINOT;font-size:12px;}
.calHeadStart {font-size:12px;color:#000000;white-space:nowrap;vertical-align:middle;padding-left:10px;padding-right:10px;padding-top:0px;}
.calHeadSelDate {font-size:12px;font-weight:bolder;color:#000000;text-align:center;cursor:pointer;cursor:hand;padding-left:5px;padding-right:5px;}
.calHeadSelWeek {font-size:12px;color:#000000;}
.calCurrentDate {font-family: DINOT;margin-right: 10px;width:70px}
.calDisplayType {font-family: DINOT;margin-right: 5px;margin-left: 5px;}
.calDisplayNr {font-family: DINOT;margin-right: 5px;margin-left: 5px;}
.calPrevNextLink {cursor:pointer;padding-left:5px;padding-right:5px;}
.calTbl {padding:0px;margin:0px;border:0px;  width:100%;background-color:#adadad;position:relative;border-spacing: 1px;}
.calTblBody {border:0px;padding:0px;margin:0px;width:100%;height:100%;background-color:#c9c9c9;overflow:auto;display:;}
.calTblHeader {border-bottom:0px;padding:0px;margin:0px;width:100%;background-color:#c9c9c9;border-spacing: 1px;}
.calDayTD {text-align:center;background-color:#FFFFFF;position:relative;}
.calDayTDGray{background-color:#EFEFEF;text-align:center;}
.calResource{font-size:12px;color:#000000;text-align:left;vertical-align:middle;background-color:#ffffff;padding-left:2px;width:125px;height:25px;}
.calResourceHead{font-size:12px;color:#000000;text-align:left;vertical-align:middle;background-color:#ffffff;font-weight:bolder;padding-left:2px;}
.calDayName{font-size:12px;color:#000000;background-color:#ffffff;text-align:center;}
.calEventTitle{overflow:hidden; font-size: 12px;font-family: DINOT;color: #292929;border: solid #c9c9c9 1px;border-radius: 4px;background-color: #f9f9f9;padding-top:2px;padding-left:5px;margin-left:1px;z-index:1;}
.calMonthDayName{height:16;}
.calTblMonth {font-size: 12px;width: 100%;border-spacing: 1px; background-color: #adadad;height:100%}
.calMonthWeekTitle {width: 20px;}
.calMonthWeek {width: 20px; vertical-align: top; white-space:nowrap;}
/*.calTblMonth > tbody > tr > td.calMonthDay {background-color:white}*/
.calTblMonth > tbody > tr.calTblMonthHeader { border-bottom: 0px; padding: 0px; margin: 0px;  width: 100%;background-color: #c9c9c9;border-spacing: 1px;height:20px}
table.calTblMonth > tbody > tr.calTblMonthHeader > td {background-color: #e9e9e9;}
table.calTblMonth > tbody > tr > td.calMonthWeek{background-color: #f1f2f9;}
.calMonthDay{vertical-align:top;}
.calMonthDayTitle{}
.calMonthEventTitle{width: calc(100% - 5px);font-size: 12px;font-family: DINOT;color: #292929;border: solid #c9c9c9 1px;border-radius: 4px;background-color: #f9f9f9;padding-top:2px;padding-left:5px;margin-left:1px;z-index:1;}

table.calTblHeader > tbody > tr > td {background-color:#e9e9e9}
table.calTbl > tbody > tr > td.calResource {background-color:#f1f2f9}

.km-columns-row {display:table-row !important;width:100%}
.km_ContainerOuter{padding:0;margin:auto;text-align:inherit;width:100%}
.km_TabContainer{width:100%;position:relative;padding:0}
.km_ColumnContainer{display:table-cell;border-collapse:collapse;box-sizing:border-box;position:relative;padding:0}
.km_formRows {overflow:auto;}
.km_formRows > .km_formRowsCell{float:left;position:relative}
.km_Layered{display:none;}
.km_Layered.active{display:block}
.km_ContainerDiv {float:left;position:relative}
.km_FixedContainer{display:none;position:fixed;z-index:90;pointer-events:auto;}
.km_FixedContainer.km_allvis{display:block;}
.km_ltbox{display:none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;z-index:89;pointer-events:auto;}
.km_ltbox.km_allvis{display:block;}

.km-style-no-display {display: none;}
.km-style-hidden {visibility:hidden;}
.km-style-visible {visibility:visible;display:inherit;}
.km-style-made-visible {visibility:visible;display:inline;}

.km_WalktroughOuter {width:calc(100% - 2px);height:calc(100% - 1px);position:absolute;z-index:99;top:0px;left:0px;}
.km_WalkthroughExternal {position:absolute;z-index:99;}

.km_ObjectOuter{text-align:inherit !important;position:absolute;z-index:9}
.km_SortableContainer{position:relative}
.km_TabContainer{width:100%;}
.km_FormObject_textbox{border: 0px; background: none;white-space:pre-wrap; }
.force_visibility{}

.km_ObjectOuter{text-align:inherit !important;position:absolute;z-index:9}
.km_ObjectContainer{position:relative}
.ui-accordion .ui-accordion-content{padding:0}
.ui-tabs .ui-tabs-panel{padding:0}
.ui-widget {font-family: Verdana,Arial,sans-serif;font-size: 1.1em;}
.ui-widget-content{border: 0px;background:none;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0;font-size: .8em;}
.ui-widget-header{background:none;border:none;}
.ui-tabs .ui-tabs-nav {padding: 0 .2em;}
.km_oCont { width:100%; margin:0 auto;padding:1px;}
/*.km_ColumnContainer > .km_ContainerOuter{height:100% !important;}*/

.tblAll{overflow:hidden;position:relative;border:1px solid silver;border-radius:2px;width:100%;}
.tblHeader{overflow:auto;left:0px;top:0px;width:100%;box-shadow:0 1px 4px #ddd;height:auto;}
.tblHeaderCellResize{cursor:col-resize;position:absolute;height:100%;top:-3;left:0;padding:0px;margin:0px;width:6px;display:block; background-color:red;}
.tblHeaderCell{cursor:pointer;white-space:nowrap;position:relative;margin:0px;padding:0px;color:#000;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;}
.tblHeaderName{overflow:hidden; padding:7px 3px;}
.tblBodyScroll{overflow:auto; height:500px;}
.tblBody{width:100%;}
.tblFilterCell{white-space:nowrap;margin:0px;color:#000;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;}
.tblFilterCellFirst{text-align:left;}
.tblFilterInput{width:100%; background-color: transparent; border: 0; }
.tblFilterName{width:100px;}
.tblButtonTxt{margin-left:20px;}
.tblCell{white-space:nowrap;margin:0px;padding:5px;color:#000;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;}

.dPiker{position:absolute;font-family:Arial;
				background-color:#fff;
				 text-align:center; color:#000;border-collapse: collapse;padding:6px;box-shadow:0 0 5px rgba(0, 0, 0, 0.3)}
.dPikerHeader{width:100%;padding-bottom:5px}
.dPikerDateBody{font-size:11px;font-weight:normal;border:solid #a9a9a9 1px;border-spacing: 0;padding-bottom:5px}
.dPikerDayNameTd{cursor:pointer;width:25px; padding:5px; padding-right:0;border-bottom: 1px solid #999;}
.dPikerDayNameTr{ background-color:#f5f5f5}
.dPikerHeadSel{margin-right:8px;font-size:11px;padding-left:5 }
.dPikerDay{width:23px;text-align:center;cursor:pointer;background-color:#fff;color:#000;padding-top:5px;padding-bottom:5px}
.dPikerDay:hover{background-color:#e5ecf8;}
.dPikerDaySel{width:23px;text-align:center;cursor:pointer;background-color:#bccdec;color:#000;padding-top:5px;padding-bottom:5px}
.dPikerDayNull{width:23px; cursor:default;text-align:center;color:#999;padding-top:5px;padding-bottom:5px}
.dPikerClear{color:#007aaa; font-size:12px;}
/*.dPikerDayOver{width:23px;cursor:pointer;background-color:rgb(229,236,248);font-weight:bolder;text-align:center;}*/

.dPikerCloseImg{width:8px;text-align:center;  height:100%;font-size:.8em;color:#444}
.dPikerCloseImg:hover{width:8px;font-weight:bolder;color:#000}

.dPikerTimeSel{font-size:11px;}
.dPikerTimeBody{padding-top:1px; width:100%;}
.dPikerTimeName {font-size:11px}

.tbv-allow-calc-columns { position: absolute; top: 240px; left: 240px; }
.tbv-allow-calc-columns table { width: 100%; table-layout: fixed; border-spacing: 0px; text-align: center; }
.tbv-dummy-scroll-cell{position: relative;
	opacity: 1; font-size: 12px; color: transparent;
	font-weight: normal; font-style: normal;
	text-decoration: initial; text-align: left; vertical-align: middle;
	border: 0px; margin: 0px; padding: 0px; width:8px;
}
.tbv-dummy-scroll-cell1{
	position: relative;
	opacity: 1;
	font-size: 12px;
	color: transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: initial;
	text-align: left;
	vertical-align: middle;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #bfbfc4;
	border-left-color: #ffffff;
	border-right-color: #bfbfc4;
	border-bottom-color: #ffffff;
	padding-top: 1px;
	margin: 1px;
  width: 8px; border-left: 0px; margin: 0px; padding: 0px;
}
.flts-tbv-body-cell, .tbv-dummy-check-cell {
  overflow-wrap: break-word;
	position: relative;
	opacity: 1;
	background-color: rgba(241, 242, 248, 1);
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: initial;
	text-align: left;
	vertical-align: middle;
	border-top: 0px;
	border-left: 1px;
	border-right: 0px;
	border-bottom: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #bfbfc4;
	border-left-color: #ffffff;
	border-right-color: #bfbfc4;
	border-bottom-color: #ffffff;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 3px;
	padding-bottom: 7px;
	margin-top: 3px;
}
.flts-tbv-sch-cell {
	opacity: 1;
	background-color: rgba(214, 214, 214, 1);
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-decoration: initial;
	text-align: center;
	vertical-align: middle;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px;
	border-bottom: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #a9a9a9;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	min-width: 100px;
	position: relative;
	word-wrap: break-word;
}
.flts-tbv-schs-cell {
	font-size: 12px;
	width: 100px;
	color: #000000;
	font-style: normal;
	text-decoration: initial;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}
.flts-tbv-schss-cell {
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-decoration: initial;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}
.flts-tbv-schf-cell {
	opacity: 1;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-decoration: initial;
	text-align: center;
	vertical-align: middle;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px;
	border-bottom: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #a9a9a9;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}
.flts-tbv-schf-cell input {
	border: 1px solid #c9c9c9;
}
.tbv-cell-cont-input{ width: 100%; font: inherit;font-size: inherit;  font-weight: inherit;  color: inherit; padding:0px;}
.km-opt-cols-aelbl{ padding-left: 4; text-align: left; -webkit-margin-after: 0; -webkit-margin-before: 0; height: 61px; }
.km-opt-cols-aedv{ width: 3em; float: left; text-align: center; }
.km-opt-cols-dsdv{ width: 3.5em; float: left; text-align: center; }
.km-opt-cols-fndv{ width: 7em; float: left; line-height: 24px; text-align: center; }

.fields_edit_main_option_dv { width: 540px; margin: 7px; height: 34px; }
.cfg_all_width { width: 100%; float: left; text-align:left;}
#fields_edit_menu_itm { cursor: pointer; list-style-type: none; margin-bottom: 0px; }
#fieldEditDellAllBtnDv{ float: right; width: 100%; display: none; text-align: right; color: red; }
.cfg-edit-li { cursor: pointer; list-style-type: none; padding-left: 7px; }
#fields_edit_menu_itm li { margin: 2px; height: 100%; }
.cfg-edit-li-hoverable { float: left; width: 72%; border: 1px dashed #c9c9c9; padding: 2px; margin: 2px; }
.field-edit-select-action-inpt { float: right; padding: 4px; overflow: hidden; width: 24%; height: 100%; margin: 0.05em 0; }

.txt-box-iframe { width:50%; height:80px; border:2px solid #CCC; border-radius:20px; overflow:auto; }
.txt-box-textarea { overflow:auto; display:none; }
.txtbox-controlers-dv { display: none; }
.textboxactive .txtbox-controlers-dv { display: inline; }

.texteditor-main-cont { display: none; position: absolute; top:100px; left: 100px; z-index: 99; }
.texteditor-first-line { float: left; width: 620px; }
.texteditor-field-lbl { float: left; display: inline; }

.texteditor-workarea { width: 210px; height: auto; background-color: white; border: 1px dotted green; margin-top: 29px; }
.texteditor-textarea { width: 210px; height: auto; background-color: white; border: 1px dotted red; display: none; }
.texteditor-shtml { margin: 0 3 0 0 !important; float: left; width: 87px !important; background-color: wheat; }
.texteditor-stxt  { margin: 0 3 0 0; float: left; width: 87px; background-color: wheat; }
.texteditor-first-line input, .texteditor-first-line select { margin: 1px 1px 0 0; background-size: 17px 17px; background-color: white; background-position: center; border: 0px; background-repeat: no-repeat; width: 21px; height: 21px; }
.texteditor-bold-btn      { background-image:url('Images/texteditor/bold.png') }
.texteditor-italic-btn    { background-image:url('Images/texteditor/italic.png') }
.texteditor-underline-btn { background-image:url('Images/texteditor/underline.png') }
.texteditor-table-btn     { background-image:url('Images/texteditor/table.png') }
.texteditor-image-btn     { background-image:url('Images/texteditor/image.png') }
.texteditor-video-btn     { background-image:url('Images/texteditor/video.png') }
.texteditor-link-url-btn  { background-image:url('Images/texteditor/link.png') }
.texteditor-numbering-btn { background-image:url('Images/texteditor/number-bullet.png') }
.texteditor-bullets-btn   { background-image:url('Images/texteditor/standard-bullet.png') }
.texteditor-justify-left-btn    { background-image:url('Images/texteditor/left-justify.png') }
.texteditor-justify-center-btn  { background-image:url('Images/texteditor/center-justify.png') }
.texteditor-justify-right-btn   { background-image:url('Images/texteditor/right-justify.png') }
.texteditor-font-btn        { background-image:url('Images/texteditor/font.png'); }
.texteditor-font-color-btn  { background-image:url('Images/texteditor/font-color.png') }
.texteditor-font-size-btn   { background-image:url('Images/texteditor/font-size.png') }
.texteditor-resize-handle { background-color: lightcoral; width: 21px; height: 21px; position: absolute; top: 100px; left: 200px; display: none; }
.texteditor-undo-btn { width: 37px !important; }
.texteditor-redo-btn { width: 34px !important; }

.texteditor-bold-btn-on      { background-image:url('Images/texteditor/bold-on.png') }
.texteditor-italic-btn-on    { background-image:url('Images/texteditor/italic-on.png') }
.texteditor-underline-btn-on { background-image:url('Images/texteditor/underline-on.png') }

#cfg_field_add_new_error { width: 100%; color: red; }
#cfgFieldEditToggleAutoFillDv { width: 100%; display: none; }
#cfgFieldEditToggleAllowUserEditDv { width: 100%; display: none; }
#cfgFieldEditToggleAllowSysOvOfSysEditDv { width: 100%; display: none; }
#cfgFieldEditToggleUserEditDv { width: 100%; display: none; }
#cfgFieldEditMinMaxStepEditDv { width: 100%; display: none; }
#cfg_fields_edit_defval_inpt_dv { display: none; }
#cfg_fields_edit_defval_ckb_dv { display: none; }
#cfg_field_edit_defval_inpt { width: 100%; }
.cfg_field_edit_lbls { margin-top: 10px; float: left; display: inline; }
.cfg_field_edit_inpts { margin: 7px; float: right; display: inline; }
.cfg_gigies_menu { border: 1px solid red; }
#tblview_lblsDv{ top: -17px; left: 0px; display: inline; }
.cfgTbvLblsDv{ /*width: 140px;*/ font-size: .7em; float: left; position: absolute; top: -14px; left: 0px; height: auto; }
.cfg-tbv-style-sel{ color: red; float: left; margin: 0 12 0 0;}
.popup-tbv-field-lister{ width: 34%; float: right; padding-right: 1em; }
.popup-tbv-inpts{ width: 60%; float: left; }
#cfg_popup_chose_tblview_dv{ width: 47% }
.popup_tbv_field_list_ul{ -webkit-margin-before: 0em; -webkit-padding-start: 0px; }
.popup_tbv_field_list_ul li{ border: 1px dashed #c9c9c9; padding: 2px; margin: 1px;font-size: .7em; }
.tbvs_sort-rule_sel { position: absolute; top: 1px; left: 2px; width: 20px; }
.km-tbv-thead-dv{ width: 100%; }
.km-tbv-tbody-dv{ width: 100%; height: 100%; overflow: auto; }
.km-tbv-sumavg-dv{ width: 100%; }
.cfg-prop-tbv-edit-li{ list-style-type: none; margin: 4px; height: 45px; }
.cfg-prop-tbv-edit-li input{ margin-left: 0.3em; margin-right: 1.4em; float: left; }
.cfg-prop-tbv-edit-li-liname { border: 1px dashed #c9c9c9; padding: 2px; margin: 0px; cursor: pointer; display: inline; float: left; width: 64% }
.cfg-prop-tbv-cols-list{ text-align: left; -webkit-padding-start: 0px; -webkit-margin-before: 0px; padding: 0px 10px !important; }
.cfg-prop-tbv-flts-list{ text-align: left; -webkit-padding-start: 0px; -webkit-margin-before: 0px; margin: 30px 10px 0px 0px; width: 90%; }
.cfg-prop-tbv-flts-list li{ text-align: left; border: 1px dashed #c9c9c9; padding: 2px; margin: 2px; cursor: pointer; height: 17px;}
.cfg-prop-tbv-sum-avrg { width: 100%; height: 21px; display: inline; float: left; }
.cfg-prop-tbv-sum-avrg div { display: inline; width: 47px; float: left; padding: 4px; }
.cfg-prop-tbv-sum-avrg div input { display: inline; float: right; margin: 2px; }
.cfg-prop-tbv-sum-avrg select { display: inline; width: 43px; float: left; margin: 4 7 0 0; }
.cfg-prop-tbv-act-when-edit { display: none; width: 100%; float: left; margin: 4 7 0 0; }
.cfg-prop-tbv-act-when-edit div { display: inline; width: 84px; float: left; padding: 4px; }
.cfg-prop-tbv-act-when-edit select { display: inline; width: 138px; float: left; margin: 1 7 4 0; }

.cfg-prop-chrt-cols-list{ text-align: left; -webkit-padding-start: 0px; -webkit-margin-before: 0px; margin: 40px 20px 0px 0px !important; }
.cfg-prop-chrt-edit-li{ list-style-type: none; margin: 4px; height: 24px; }
.cfg-prop-chrt-edit-li input{ margin-left: 0.3em; margin-right: 0.4em; float: left; width: 25px; margin-top: 11px; }
.cfg-prop-chrt-edit-li-liname { border: 1px dashed #c9c9c9; padding: 0px; margin: 2px; cursor: pointer; display: block; float: left; width: 85%; line-height: 20px; width: calc(100% - 40px); }
.cfg-prop-chrt-edit-li-liname div { padding-left: 4px; line-height: 21px; text-align: left; }
.cfg-chrt-dts { border: 1px dotted white; padding: 4px; width:86%; }
#km-opt-chrtTitl , #km-opt-chrtType{ border: 1px dotted white; padding: 4px; width:90%; }

.chrt-settings-wmax { width: 100%; padding: 0px; margin: 0px; display: block; float: left; }
.tbv-settings-wmax { width: 100%; }
.tbv-settings-left { width: auto; float: left; } 
.tbv-settings-right { width: auto; float: right; } 

.tbv-total-row-list select { display: inline; margin: 0px 0px 0px 5px; }
.tbv-client-total-row-li-div { display: inline; width:100%; padding-top: 5px; }

.tbv-col-f-name-p{ float: left; text-align: center; display: inline; width: 80%;
  overflow: hidden; white-space: normal; overflow-wrap: break-word;
}
.sum-avg-body tr td {
  overflow: hidden; white-space: normal; overflow-wrap: break-word;
}
.tbv-col-sort-r-dv{ float: right; display: inline; width: 12px; height: 12px; margin: 3px 1px 0px 0px; }
.tbv-col-sort-rule-dv{ position: relative; top: 21px; left: 0px; width: 51px; display: none; background: #efffff; cursor: pointer; font-size: 10pt; }
.tbv-col-sort-rule-dv div{ border: 1px dotted #cdcdcd; padding: 1px; }
.tbv-col-group-r-dv{ float: right; display: inline; max-width: 1em; height: 0.8em; font-size: 18pt; cursor: pointer; margin: -5px 1px 0px 0px; }

.tbv-edit-flt-col-sel{ width: 90%; height: 120px; float: left; }
.tbv-edit-flt-col-selp{ width: 90%; float: left; }
.cfg-prop-tbv-aonname { float: left; padding: 0px 4px 0px 4px; width: 14%; text-align: center; }
.cfg-prop-tbv-aonlbl { width: 60%; border: 1px dashed #969696; background: #969696; color: white; padding-left: 2px; }
#cfg_prop_tbv_aonlbl::-webkit-input-placeholder { color: #d9d9d9; }
.tbv-dummy-lbl-cell { width: 40px; border-left: 0px; margin: 0px; padding: 0px; background-color: transparent; }

#tbv_client_opts_header_labels span:nth-child(1) { padding: 3px 42px 3px 0px; }
#tbv_client_opts_header_labels span:nth-child(2) { padding: 3px 22px 3px 0px; }
#tbv_client_opts_header_labels span:nth-child(3) { padding: 3px 44px 3px 0px; }
.tbv-client-grp-opts-pnl { font-size: 12px; width: 290px; height: auto; display: inline; border: 1px dotted green; position: absolute; float: left; background: white; padding: 10px; }
#tbv_client_grp_opt_re_name { padding-bottom: 5px; }
#tbv_client_grp_opt_re_name span { padding-right: 10px; }
.tbv-client-grp-opts-pnl span { line-height: 20px; }

.tbv-cont-sapc { height: 20px; float: right; width: 83%; }
.tbv-cont-sapc input { margin: 5px 0px 2px 5px; }
.tbv-cont-sapc input:nth-child(1) { margin-right: 30px; }
.tbv-cont-sapc input:nth-child(2) { margin-right: 30px; }
.tbv-cont-sapc input:nth-child(3) { width: 28% }
.tbv-cont-sapc input:nth-child(4) { width: 28% }

.tbv-cont-align-left { float: left; width: 20%; }
.tbv-cont-align-left input { float: right; }
.tbv-cont-align-left select { width: 100%; }
.tbv-cont-align-right { float: right; }
.tbv-cont-align-right span { padding-right: 3px; }
.tbv-cont-align-right input { float: right; }
.tbv-client-opts-disp-expanded-rows { white-space: normal; width: 100%; height: 27px; float: left; }
.tbv-client-opts-disp-expanded-rows span { display: inline; float: left; font-size: 12px; }
.tbv-client-opts-disp-expanded-rows select { float: right; }
.tbv-client-opts-disp-all { display: inline; float: left; font-size: 12px; white-space: normal; width: 100%; height: 27px; }
#tbv_client_grp_opt_disp_all { float: left; }

.tbv-client-opts-cont-outer-dv { display:none; white-space: nowrap; width: 100%; height: 27px; line-height: 19px; }
.tbv_client_grp_opt_inps { width: calc(100% - 50px); float: left; margin-right: 5px; }
.tbv_client_grp_opt_btns { float: right; }
#tbv_client_grop_opt_sr { width: 100%; height: 70px; margin-top: 27px; list-style-type: none; }
.tbv-client-grp-opt-li { width: 80%; text-align: left; list-style-type: none; line-height: 17px; }
.tbv-client-grp-opt-li-del { float: right; font-size: 8pt; color: orange; cursor: pointer; display: none; }
.tbv-client-grp-opt-name { background-color: transparent; border: 0px; padding: 1px 0px 0px 0px; line-height: 12px; line-height: 17px; width: 100%; cursor: pointer; }
.tbv-client-grp-opt-del { position: absolute; right: 10px; font-size: 8pt; color: orange; cursor: pointer; display: none; padding: 4px 20px 0px 0px; }
.tbv-client-grp-opt-comp-col {  }
.tbv-client-grp-opt-comp-col input { width: 30%; margin: 0px 10px; }
.tbv-client-grp-opt-comp-col div { float: right; width: 50%; text-align: right; }
.tbv-client-grp-opt-comp-col div input { margin-right: 0px; width: 63%;}

.tbv-client-rel-data-list-elem { text-align: left; }
.tbv-client-rel-data-list-elem input { width: calc(100% - 70px); margin: 4px; }
.tbv-client-rel-data-list-elem div { float: right; width: 35px; }

#km-fields-detail-name { border: 1px solid transparent; background: none; }
#km-styles-detail-name { border: 1px solid transparent; background: none; }
#km-actions-detail-name { border: 1px solid transparent; background: none;width: 90%; }
#km-media-detail-name { border: 1px solid transparent; background: none; }
.fieldEditDeleteText { float: right; display: none; color: red; font-size: .7em; padding-top: 3px; }
.fieldEditSortAlpha { padding: 15px 0px 10px 0px; }
.fieldEditAddAnOptDv { margin-bottom: 10px; width: 100%; }
.tdPopSmall{white-space:wrap;font-size:8pt;}
.inpPopSmall{width:98%;font-size:8pt}
.inpPopMulti {width:98%;font-size:9pt;height:29px;}
.km-hide {
display:none !important;
}
.km-hideV {
visibility:hidden !important;
}
.upload_frame{width:420px; height:120px; vertical-align: center;  background-color:#fff; position:absolute;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;z-index:100;box-shadow:1px 1px 4px #ddd;}
.grey-button {
  background-color: #989C9B;
	color: #fff;
	font-size: .7em;
	border: 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 2px 1px rgb(215,215,215); -moz-box-shadow: 2px 2px 2px 1px rgb(215,215,215); box-shadow: 2px 2px 2px 1px rgb(215,215,215);

	height: 22px;
	padding: 1px 20px 2px 20px;
	cursor:pointer;
	vertical-align:middle;
}
.pointer{cursor:hand;cursor:pointer;}
.km-learning-list {background-image: url('images/arrow-right.png');
background-repeat: no-repeat;
background-size: 29px 20px;
background-position: 20px 20px;
padding-left: 60px;
vertical-align: top;
height: 40px;}
.km-properties-form-title {height:40px;color:#868A89;width:100%;text-align:center; background-color:#fff;border:0px;padding-top:10px;font-size:12px;font-family:Verdana;}
.form-properties-table{display: table;width: 100%;  background: #fff;z-index: 99;border-top:1px #CDD1D0 solid;}
.km-properties-row{background-color:#fff;width:100%;display:table-row;}
.km-properties-input{width:97%;border: 1px #CDD1D0 solid;text-align:left;font-size:12px;font-family:Verdana;color:#868A89;}
.km-properties-cell-left {font-weight:bold;font-size:12px;font-family:Verdana;color:#868A89; padding-left:20px;  background-color:#fff;width:30%;text-align:left;display:table-cell;border-bottom:1px #CDD1D0 solid;padding-top: 6px;}
.km-properties-cell {color:#868A89; padding-left:20px;  background-color:#fff;width:60%;text-align:left;display:table-cell;border-bottom:1px #CDD1D0 solid;padding-top: 6px;}
.km-properties-cell-no-border {border-bottom:none;}
.km-properties-border-bottom{padding-left:20px;height:24;display: table;width:97%;  background-color:#fff;text-align:left;border-bottom:1px #CDD1D0 solid;}
.km-row-hidden{display:none;}
.km-row-inline{display:inline;}
.tab_order_select_list{color:#868A89; padding-left:20px;  background-color:#fff;width:60%;text-align:left;display:table-cell;border-bottom:1px #CDD1D0 solid;padding-top: 6px;}
.tab_order_select_list1{color:#868A89; padding-left:20px;  background-color:#fff;width:40%;text-align:left;display:table-cell;border-bottom:1px #CDD1D0 solid;text-indent: 0.01px;
	height: 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
  padding-left:10px;}
.km-properties-tab-ord{ -webkit-margin-before: 0em; -webkit-padding-start: 0px; width:40%;}
.km-properties-tab-ord li{ border: 1px dashed #c9c9c9; padding: 2px; margin: 1px;font-size: .7em; }
.km-tbl {display: table;}
.km-fill {height: 100%;width: 100%;}
.km-tbl ul {
	padding:0;
} 
.km-media-list-thumbnail {
/*border: 1px solid rgb(191,191,191);*/
font-size: 0.8em;
text-align: center;
float: left;
line-height: 16px;
cursor: pointer;
list-style-type: none;
}
.km-media-list-list {
border: 1px solid rgb(191,191,191);
font-size: 0.8em;
text-align: left;
padding: 1px;
margin: 1px;
cursor: pointer;
list-style-type: none;
}
.km-media-link{
padding-right: 2px;
padding-left: 2px;
color: blue;
font-family: DINOT;
font-size: 12px;
}

.km-media-link:hover {
    text-decoration: underline;
}
.km-media-list-img {width: 150px;}
.km-media-list-img-small {width: 20px;}
.cfgMedLblsDv {width: 310px;font-size: .7em;float: left;position: absolute;top: -14px;left: 0px;height: auto;padding-top:15px;}
.cfgMedActsDv {height: 15px;}
.cfg-med-style-sel {color: red;float: left;margin: 0 12 0 0;}
.mdvInput {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 200px;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url('Scripts/Chosen/chosen-sprite.png') no-repeat 100% -20px;
/*background: url('Scripts/Chosen/chosen-sprite.png') no-repeat 100% -20px;*/
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
@font-face { font-family: 'MuseoSans-100'; 
             src: url('../Fonts/MuseoSans-100.eot');
             src: url('../Fonts/MuseoSans-100.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSans-100.woff') format('woff'); 
             font-weight: normal; 
             font-style: normal;
}
@font-face {font-family: 'MuseoSans-300';
            src: url('../Fonts/MuseoSans-300.eot');
            src: url('../Fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype') , url('../Fonts/MuseoSans-300.woff') format('woff');
            font-weight: normal; 
            font-style: normal;
}
@font-face {font-family: 'MuseoSans-500';
            src: url('../Fonts/MuseoSans-500.eot');
            src: url('../Fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSans-500.woff') format('woff');
            font-weight: normal;
            font-style: normal;
}
@font-face {font-family: 'MuseoSans-700';
            src: url('../Fonts/MuseoSans-700.eot');
            src: url('../Fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSans-700.woff') format('woff');
            font-weight: normal;font-style: normal;
}
@font-face {font-family: 'MuseoSans-900';
            src: url('../Fonts/MuseoSans-900.eot');
            src: url('../Fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSans-900.woff') format('woff');
            font-weight: normal;
            font-style: normal;
}


@font-face { font-family: 'DINOT'; 
             src: url('../Fonts/DINOT.otf');
             font-weight: normal; 
             font-style: normal;
}
@font-face { font-family: 'DINOT-Black'; 
             src: url('../Fonts/DINOT-Black.otf');
             font-weight: normal; 
             font-style: normal;
}
@font-face { font-family: 'DINOT-Bold'; 
             src: url('../Fonts/DINOT-Bold.otf');
             font-weight: normal; 
             font-style: normal;
}
@font-face { font-family: 'DINOT-Light'; 
             src: url('../Fonts/DINOT-Light.otf');
             font-weight: normal; 
             font-style: normal;
}
@font-face { font-family: 'DINOT-Medium'; 
             src: url('../Fonts/DINOT-Medium.otf');
             font-weight: normal; 
             font-style: normal;
}

/*nice scrollbars*/
::-webkit-scrollbar {
  width: 8px; 
  height:8px;
  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:active {
  background: rgba(0,0,0,0.61); 
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
/*end scrollbars*/

/*import*/
#CSVFields > tr:hover {background-color:white;}
.ImageValue.nomatch {background-image:url(Images/nomatch.gif);cursor:default;background-repeat:no-repeat;background-position:center;}
.ImageValue.match {background-image:url(Images/match.gif);cursor:pointer;background-repeat:no-repeat;background-position:center;}
.TabFieldsTd {cursor:pointer;}
/*import*/

.km-ul-horizontal {float:left;width:100%;display:inline;list-style-type: none;
border-bottom: 2px solid rgb(190,190,190);
height: 22px;
margin-bottom: 4px;}
.km-ul-horizontal li {display: inline;
padding: 7px 20px 5px 20px;
width: 150px;
text-align: center;
font-size: 1em;
margin: 5px;
background-color: rgb(222,222,222);
color: #000;}
.km-ul-horizontal li:hover{background-color:rgb(190,190,190);cursor:pointer;}
.km-ul-horizontal li.active{background-color:rgb(190,190,190);}
.km-import-header {
  padding: 20px 0px 10px 20px;
  font-size: 1.2em;
}
.km-import-button {
  background-color: rgb(62,119,207);
color: #fff;
font-size: 1.2em;
border: 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 2px 1px rgb(215,215,215); -moz-box-shadow: 2px 2px 2px 1px rgb(215,215,215); box-shadow: 2px 2px 2px 1px rgb(215,215,215);

height: 28px;
padding: 4px 20px 4px 20px;
cursor:pointer;
margin: 10px;
}
.km-import-cancel {
  float: right;
  width: 80px;
  font-size: .8em;
}
.km-import-href {color:blue;text-decoration:underline;cursor:pointer;}
.km-width-50 {
  width: 50%;
}.km-width-25 {
  width: 25%;
}.km-width-75 {
  width: 75%;
}
.form_init{visibility:hidden;}
.km-trDelObj {
    color:red;
}
.km-tree-menu {
    height:15px;
    text-align: right;
}
.km-tree {
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
  padding-left:5px;
}
.km-tree ul {
    list-style-type: none;
}
.km-tree li {
    padding-left: 5px;
}
.km-tree-icon-min {
  width: 18px;
  height: 18px;
  line-height: 20px;
  background-image:url('Images/tree-icons.png');
  background-position: -6px -10px;
  /*position: absolute;*/
  float:left;
}

.km-tree-icon-exp {
  width: 18px;
  height: 18px;
  line-height: 20px;
  background-image:url('Images/tree-icons.png');
  background-position: -40px -8;
  /*background-position: -135px -8;*/
  /*position: absolute;*/
  float:left;
}
.frmTreeObjAct {
    border: 1px !important;
    border-style: dashed !important;
    border-color: white !important;
    -webkit-box-shadow:inset 0px 0px 0px 2px #fff !important;
    -moz-box-shadow:inset 0px 0px 0px 2px #fff !important;
    box-shadow:inset 0px 0px 0px 2px #fff !important;
}

.km-usrFrm-link {
  cursor: hand;
}
.km-usrFrm-link:hover {
  text-decoration: underline;
}

.ctrs-unic { width: 24px; height: 18px; position: absolute; margin: 4px 0px 0px 0px; display: inline; }
.number-ctrls-ind-dv { float: left; padding: 1px; }
.number-ctrols-more { background: url('Images/tp_arrw.png') no-repeat center center; background-size: 12px 12px; width: 8px; height: 8px; display: block; }
.number-ctrols-less { background: url('Images/dwn_arrw.png') no-repeat center center; background-size: 12px 12px; width: 8px; height: 8px; display: block; }
input.km-no-clear-btn[type="time"]::-webkit-clear-button {
    display: none;
} 
.km-own-clear-btn {
    position: absolute;
    display: block;
    top: 4px;
    right: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
		font-size:10px;
		color:red;
}

.JsonObject table { border-spacing: 0px;padding:0px;  border-collapse: collapse;width:100%;    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;}
.JsonObject::before{content:"{";}
.JsonObject::after{content:"}";}
.JsonArrayBorder::before{content:"[";}
.JsonArrayBorder::after{content:"]";}
.JsonObject input,.JsonObject textarea {width:100%; background:transparent;border:0;font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;} 
.JsonObject td { padding: 5px; }
.JsonAddRow{text-align:right;background:transparent !important;}
.JsonObject tr:nth-child(even) {background: rgba(211,211,211,0.4);}
.JsonObject tr:nth-child(odd) {background: rgba(255,255,255,0.01);}
.JsonObject td{vertical-align:top}
.JsonObject tr:hover{background: rgba(140,221,129,0.15);}

.JsonKey{text-align:right;}
.JsonKey > input {width:calc(100% - 10px);font-weight:bolder;font-style: italic;color:#300000;text-align:right}
.JsonValue{}
.JsonValue > input {font-weight:bolder;color:red}
.JsonValue > textarea {width:100%;font-weight:bolder;color:red}

.JsonValue > input[type=number] {font-weight:bolder;color:blue}
.bldrJsonTransf{width:26px;text-align:right;}
.bldrJsonTransfMenu{border:1px solid black;background-color:#fffff0}
.bldrJsonTransfMenu td {border:1px solid black;}
.bldrJsonTransfMenu td:hover {background-color:#eeeee0;cursor:pointer}

.readonly {background-color:#ebebe6;}