1

HTML

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2014.1.416/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2014.1.416/styles/kendo.common.min.css">
<script src="https://kendo.cdn.telerik.com/2014.1.416/js/kendo.all.min.js"></script>
<div id="appContentContainer" class="appContentContainer">
  <div id="appContent" class="appContent">
    <div
      id="MainGroup"
      class="fb-group fb-main-group container-fluid"
      style="width:700px;height:80%;"
      viewmodelname="MainGroup_ViewModel"
    >
      <div class="fb-group row" id="Group2">
        <div class="fb-group column col-sm-6" id="Group2_Column1">
          <div class="fb-group-header">
            <label class="fb-label"> OFAC </label>
            <div class="fb-group-header-child" style="display: flex; margin-left: auto">
              <div class="fb-child">
                <span class="k-widget k-dropdown k-header kLookup requiredStyle" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="AgentManagement_UserAccount_listbox" aria-disabled="false" aria-readonly="false" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Select...</span><span unselectable="on" class="k-select"><span unselectable="on" class="k-icon k-i-arrow-s">select</span></span></span><input id="AgentManagement_UserAccount" name="AgentManagement_UserAccount" data-value-primitive="true" data-text-field="DisplayValue" data-value-field="Code" data-option-label="Select..." required="" data-filter="contains" data-auto-bind="false" class="kLookup requiredStyle" data-role="dropdownlist" data-bind="source: agtUserSrc , value: dc.Agent[0].AgtUsiId " style="display: none;"></span>
              </div>
...

CSS

body {
    /* Greyscale */
    --color-001-001: #ffffff;
    --color-001-002: #fafafb;
    --color-001-003: #e9ecee;
    --color-001-004: #dfe3e5;
    --color-001-005: #c6c9ca;
    --color-001-006: #73777b;
    --color-001-007: #5d6063;
    --color-001-008: #4f5153;
    --color-001-009: #3e3f40;
    --color-001-010: #333333;
    --color-001-011: #eff2f4;
    /* Primary */
    --color-002-001: #54a0ff;
    --color-002-002: #81b5f6;
    --color-002-003: #a2ccff;
    --color-002-004: #468de7;
    --color-002-005: #2e86de;
    --color-002-006: #2d7ece;
    --color-002-007: #27598b;
    --color-002-008: #91adcf;
    /* Secondary */
    --color-003-001: #8395a7;
    --color-003-002: #c8d6e5;
    --color-003-003: #576574;
    --color-003-004: #b7c6d6;
    --color-003-005: #738496;
    --color-003-006: #a6b6c6;
    --color-003-007: #95a6b7;
    --color-003-008: #657585;
    /* Success */
    --color-004-001: #1dd1a1;
    --color-004-002: #10ac84;
    --color-004-003: #2cd9ab;
    --color-004-004: #71e2c3;
    --color-004-005: #82e8cd;
    --color-004-006: #def8f1;
    /* Info */
    --color-005-001: #0abde3;
    --color-005-002: #48dbfb;
    /* Warning */
    --color-006-001: #ffda79;
    --color-006-002: #ccae62;
    --color-006-003: #ebce83;
    --color-006-004: #e0c276;
    --color-006-005: #b8a36f;
    --color-006-006: #af9450;
    --color-006-007: #cc9452;
    /* Danger */
    --color-007-001: #ff6b6b;
    --color-007-002: #b33939;
    --color-007-003: #ff3636;
    /* Neutral */
    --color-008-001: #867fcc;
    --color-008-002: #554f92;
    --color-008-003: #4f4b7e;
    --color-008-004: #736ea9;
    --color-008-005: #9f99d9;
    --color-008-006: #b0aae5;
    --color-008-007: #c6c1f4;
    --color-008-008: #3b0869;
    /* Cool Desat */
    --color-009-001: #d2dae0;
    --color-009-002: #9fb2bc;
    --color-009-003: #6f8997;
    --color-009-004: #bcccd5;
    /* Brand Color */
    --color-010-001:...

JavaScript

MainGroup_ViewModel = kendo.observable({
	dc: {
		Agent: {
			OFACResults: null,
			OFACOrderDate: null,
			NIPRREsults: null,
			NIPROrderDate: null
		}
	}
});

kendo.bind($("#MainGroup"), MainGroup_ViewModel);

MainGroup_ViewModel.bind("change", function(e) {
})