﻿/*@siteLoginLogoHeight: 39px;
@siteLoginLogoWidth: 212px;*/
/*@LightColor; */
/*#DE0029;*/
.gradientPrimaryV {
  background-color: #1b4a9c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d4ea7), to(#1b4a9c));
  background-image: -webkit-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -moz-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -o-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -ms-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: linear-gradient(top, #1d4ea7, #1b4a9c);
}
.gradientPrimiaryVGrayscale {
  background-color: #5c5c5c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#5c5c5c));
  background-image: -webkit-linear-gradient(top, #616161, #5c5c5c);
  background-image: -moz-linear-gradient(top, #616161, #5c5c5c);
  background-image: -o-linear-gradient(top, #616161, #5c5c5c);
  background-image: -ms-linear-gradient(top, #616161, #5c5c5c);
  background-image: linear-gradient(top, #616161, #5c5c5c);
}
.gradientSecondaryV {
  background-color: #cfcfcf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#cfcfcf));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: -moz-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: -o-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: -ms-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: linear-gradient(top, #f8f8f8, #cfcfcf);
}
.gradientSecondaryVInverted {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#f8f8f8));
  background-image: -webkit-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: -moz-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: -o-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: -ms-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: linear-gradient(top, #cfcfcf, #f8f8f8);
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
body {
  /*padding-top: 50px;*/
  padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-top: 125px;
  padding-left: 15px;
  padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}
a {
  cursor: pointer;
}
body {
  font-family: "EM Print", "Helvetica";
  background-color: #FFFFFF;
}
.bodyContainer {
  max-width: 2000px;
  padding-left: 40px;
}
.SiteLandingBlackFont {
  color: black;
}
.hrDark {
  border-top: 1px solid #000000;
}
.brandbackground {
  background-color: #1a459c;
  color: #FFFFFF;
}
.brandLogo {
  background-image: url("images/xom_logo.png");
  background-size: 212px 39px;
  background-repeat: no-repeat;
  width: 212px;
  height: 39px;
  display: inline-block;
  z-index: 10000;
}
.SiteLogo {
  background-image: url("images/xom_logo.png");
  background-size: 212px 39px;
  background-repeat: no-repeat;
  width: 212px;
  height: 39px;
  display: inline-block;
  z-index: 10000;
  margin-left: 80px;
  margin-top: 40px;
  position: fixed;
}
.navbar-BrandText {
  color: #E2012B;
}
.navbar-BrandText > li > a {
  color: #E2012B;
}
.attentioncolor {
  color: #E2012B;
  background-color: #1a459c;
}
.panelColor {
  background-color: #E8E8E8;
  margin-left: 5px;
}
.navbar-inverse .navbar-brand {
  color: #1a459c;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #1a459c;
  background-color: transparent;
}
.navbar-inverse {
  background-color: #1a459c;
  border-color: #1a459c;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #1a459c;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #1a459c;
}
.navbar-inverse .navbar-nav > li > a {
  color: #1a459c;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #1a459c;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #1a459c;
  background-color: #1a459c;
}
.dropdown-menu > li > a.normal-text {
  color: #333;
}
a:link {
  color: #000000;
  text-decoration: none;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #000000;
  text-decoration: underline;
}
a,
a:visited {
  color: #000000;
  text-decoration: underline;
  font-family: "EM Print", "Helvetica";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1a459c;
  font-family: "EM Print", "Helvetica";
}
.plaintext {
  color: black;
}
.k-menu {
  background-color: transparent;
  color: #000000;
  float: right;
  border: none;
  border-style: none;
  font-family: "EM Print";
}
.k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
  border: none;
  border-style: none;
  z-index: 500;
  font-family: "EM Print", "Helvetica";
}
.k-menu .k-group {
  background-color: #dedede;
  color: #000000;
  z-index: 500;
}
.k-menu .k-link:default {
  background-color: #1a459c;
  color: #000000;
}
/*.k-menu .k-link:hover {
    background-color: @HeaderColor;
    color: @menutext-color;
}*/
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #000000;
}
.k-menu .k-link:active {
  background-color: #1a459c;
  color: #000000;
}
.k-autocomplete {
  width: 350px;
  height: 32px;
}
.k-grid {
  width: 100%;
}
.k-grid-header .k-header .k-link {
  background-color: #1a459c;
  color: #FFFFFF;
}
.k-grid-header th.k-header {
  background-color: #1a459c;
  color: #FFFFFF;
}
.k-grid-header thead {
  background-color: #1a459c;
  color: #FFFFFF;
}
k-header-column-menu {
  background-color: #1a459c;
  color: #FFFFFF;
}
.toplinksbar {
  position: relative;
  top: 0px;
  display: inline-table;
  float: right;
  background-color: #1a459c;
  color: #000000;
}
.toplinks {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-table;
  position: relative;
  bottom: 0px;
  color: #000000;
}
.toplinks a,
a:focus {
  color: #000000;
}
.toplinks:hover {
  background-color: #1a459c;
}
.bottomAlign {
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  max-width: 100%;
  left: 0px;
  right: 0px;
}
.pull-right {
  padding-left: 20px;
  padding-right: 10px;
}
.loginPanel {
  padding-top: 15%;
  background-color: #1a459c;
  position: absolute;
  z-index: 1000000;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0px;
  right: 0px;
  color: white;
}
.loginBody {
  background-color: #1a459c;
  position: absolute;
  height: 100vh;
  width: 100vh;
}
.SiteLoginLogo {
  background-image: url("../images/xom_logo.png");
  background-size: 318px 59px;
  background-repeat: no-repeat;
  width: 318px;
  height: 59px;
  display: inline-block;
  margin-top: 135px;
  margin-right: 50px;
}
.loginFontColor {
  color: white;
}
a.loginFontColor {
  color: #FFFFFF;
  text-decoration: underline;
  font-family: "EM Print";
}
a:link.loginFontColor {
  color: #FFFFFF;
  text-decoration: underline;
  font-family: "EM Print", "Helvetica";
}
a:visited.loginFontColor {
  color: #FFFFFF;
  text-decoration: underline;
  font-family: "EM Print", "Helvetica";
}
#registrationPanel {
  background-color: #e8e8e8;
  position: absolute;
  z-index: 1000000;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0px;
  right: 0px;
  align-content: center;
  justify-content: center;
}
#registrationPanel > div > div {
  margin: auto;
  width: 100%;
  min-width: 340px;
  max-width: 410px;
}
#registrationPanel > div > div > #registrationLogoDiv {
  background-image: url("../images/xom_logo.png");
  background-size: 318px 59px;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  height: 59px;
  margin-top: 135px;
  margin-bottom: 30px;
}
#registrationPanel > div > div > #registrationBody {
  background: white;
  color: black;
}
#registrationPanel > div > div > #registrationBody > h2 {
  padding: 15px;
  padding-bottom: 10px;
  margin: 0;
}
#registrationPanel > div > div > #registrationBody > hr {
  margin: 0;
}
#registrationPanel > div > div > #registrationBody > form {
  padding: 15px;
  padding-top: 10px;
}
#registrationPanel > div > div > #registrationBody > form > div > ul {
  margin: 0;
  padding: 0;
}
#registrationPanel > div > div > #registrationBody > form > div > ul > li {
  list-style-type: none;
  border: none;
  color: #ed1b2f;
  padding-bottom: 5px;
}
#registrationPanel > div > div > #registrationBody > form > .form-group {
  margin: 0;
  padding-bottom: 10px;
}
#registrationPanel > div > div > #registrationBody > form > .form-group > .control-label {
  padding-top: 0;
}
#registrationPanel > div > div > #registrationBody > form > .form-group > input {
  width: 100%;
  max-width: none;
}
#registrationPanel > div > div > #registrationBody > form > .form-group:last-child {
  padding-bottom: 0;
}
#registrationPanel > div > div > #registrationBody > form > #acceessTypes > label {
  display: block;
  float: left;
  padding-right: 15px;
}
#registrationPanel > div > div > #registrationBody > form > #acceessTypes > div {
  float: left;
}
#registrationPanel > div > div > #registrationBody > form > #acceessTypes > div > span {
  font-weight: 600;
}
#registrationPanel > div > div > #registrationBody > div:last-of-type {
  padding: 15px;
  padding-top: 10px;
}
#registrationPanel > div > div > #registrationBody > div:last-of-type > a {
  color: #1a459c;
}
#registrationPanel > div > div > #registrationBody > div:last-of-type > a > span {
  font-size: 20px;
}
#forgotPasswordPanel {
  background-color: #e8e8e8;
  position: absolute;
  z-index: 1000000;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-content: center;
  justify-content: center;
  vertical-align: middle;
}
#forgotPasswordPanel .SiteForgotPasswordLogo {
  background-image: url("images/xom_logo.png");
  background-size: 318px 59px;
  background-repeat: no-repeat;
  width: 318px;
  height: 59px;
  display: inline-block;
  margin: 0;
  margin-top: 135px;
  width: 100%;
}
#forgotPasswordPanel #forgotPasswordFormDiv {
  background-color: white;
  text-align: center;
  max-width: 575px;
  padding: 5px;
  margin: auto;
}
#forgotPasswordPanel #forgotPasswordFormDiv .form-control {
  margin: auto;
}
.row {
  margin-right: -5px;
  margin-left: -5px;
}
#searchsite {
  margin-left: -6px;
  z-index: 500;
}
select {
  background-color: #E8E8E8;
}
.actionDropDown .btn-group {
  width: 100%;
  height: 100%;
  background-color: white;
  padding: 0;
  margin: 0;
}
.actionDropDown .dropdown-menu > li > a:hover,
.actionDropDown .dropdown-menu > li > a:focus {
  background-color: #1a459c;
}
.actionDropDown .dropDownButtonStyles,
.actionDropDown .dropdown-toggle,
.actionDropDown .dropdown-toggle:hover,
.actionDropDown .dropdown-toggle:focus,
.actionDropDown .dropdown-toggle:active {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: white;
  padding: 0;
  margin: 0;
  padding-left: 1.5px;
}
.actionDropDown .dropDownButtonStyles {
  background: white;
  background-image: none;
}
.actionDropDown .dropDownButtonStyles:hover {
  background: white;
  background-image: none;
}
.actionDropDown .dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  min-width: 100%;
  background-color: white;
  border: 1px solid black;
}
.actionDropDown .dropdown-menu > li {
  border: none;
  padding: 0;
  margin: 0;
}
.panelBackgroundColor,
.tab-pane,
.active {
  background-color: #e8e8e8;
}
input[type=text],
textarea,
select,
.form-control {
  background: white;
  border-radius: 4px;
  border: 1px solid #9a9a9a;
  padding-left: 5px;
  height: 30px;
  box-sizing: border-box;
}
input[type=text]:focus,
textarea:focus,
select:focus,
.form-control:focus {
  outline: none;
  box-shadow: darkgray 0px 1px 3px;
  border: 1px solid #9a9a9a;
}
input[type=text].readonly,
textarea.readonly,
select.readonly,
.form-control.readonly {
  background: rgba(255, 255, 255, 0.25);
}
input[type=text].readonly:focus,
textarea.readonly:focus,
select.readonly:focus,
.form-control.readonly:focus {
  box-shadow: none;
}
input[type=text].readonly.aslabel,
textarea.readonly.aslabel,
select.readonly.aslabel,
.form-control.readonly.aslabel {
  border: none;
  background: none;
  padding-left: 0;
}
input[type=text].datepicker {
  border-radius: 4px 0 0 4px;
}
input[type=text].datepicker + .input-group-addon {
  border-radius: 0 4px 4px 0 !important;
  height: 30px;
  padding: 5px 12px;
}
input[type="checkbox"] {
  height: 30px;
  margin: 0;
}
.brrf-checkbox {
  height: 30px;
  overflow: hidden;
}
.brrf-checkbox > input {
  position: absolute;
  left: -9999px;
}
.brrf-checkbox > label {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  border-radius: 4px;
  cursor: pointer;
  background: white;
  background-position: 1px 1px;
  background-size: 16px 16px;
}
.brrf-checkbox > input:checked + label {
  background-image: url('/Content/images/checkmark.png');
}
.brrf-checkbox > input:focus + label {
  box-shadow: darkgray 0px 1px 3px;
}
.modal-label-vcenter {
  line-height: 32px;
}
select,
.k-dropdown-wrap.k-state-default {
  background-color: #dfdfdf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dfdfdf));
  background-image: -webkit-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: -moz-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: -o-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: -ms-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: linear-gradient(top, #e9e9e9, #dfdfdf);
}
.k-dropdown-wrap:focus {
  outline: none;
  box-shadow: darkgray 0px 1px 3px;
  border: 1px solid #9a9a9a;
}
.project-action-dropdown {
  width: 100%;
}
nav#c-menu--slide-left li {
  background: none;
  border: none;
}
select {
  cursor: pointer;
}
select[disabled] {
  cursor: not-allowed;
  opacity: .5;
}
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.nav-tab,
li {
  border-bottom: 1px;
  border-right: 1px;
  border-color: black;
  color: black;
  background-color: white;
}
.nav-tab > li.active {
  color: black;
  background-color: #e8e8e8;
  border-bottom: none;
  position: absolute;
  z-index: 10;
  height: 10px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #e8e8e8;
}
.k-window-content > .vertical {
  margin-top: 10px;
}
.k-window-content > .vertical > .row {
  margin-bottom: 10px;
}
.k-window-content > .vertical > .row > label {
  display: block;
}
#NewExceptionWindow textarea {
  max-width: none;
}
div.panel > hr,
div.panel-body > hr,
.panel-collapse > hr,
div.panel-body > div > hr {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: black;
  color: black;
  border-color: black;
}
.panel-default > .panel-heading {
  background-color: #e8e8e8;
  border-color: transparent;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-body-heading {
  padding: 20px 0;
}
.panel-body-heading.sub {
  padding-top: 0;
}
.panel-body-heading > * {
  margin-top: 0;
  margin-bottom: 0;
}
.panel.collapsible {
  border: solid 1px black;
  background-color: #e8e8e8;
}
.rail > div {
  margin-bottom: 10px;
  font-size: 14px;
}
.tab-pane {
  padding: 10px;
}
.k-menu .k-item > .k-link {
  font-size: 18px;
}
#navbar-fixed-belowLogo {
  right: 0;
  left: 0;
  border-width: 0 0 1px;
  z-index: 8;
  position: fixed;
  background-color: #1a459c;
  height: 42px;
  margin-top: 90px;
  margin-bottom: 5px;
}
#navbar-fixed-belowLogo > .control-container {
  padding-right: 15px;
  padding-left: 15px;
  display: inline;
  height: 100%;
}
#navbar-fixed-belowLogo > .control-container > div {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  height: 100%;
}
#navbar-fixed-belowLogo > .control-container > div > span {
  display: inline-block;
  height: 100%;
  background: white;
  vertical-align: middle;
  border-radius: 4px !important;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-dropdown {
  height: 100%;
  border: none !important;
  border-radius: 4px !important;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-dropdown:focus {
  border: none !important;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-dropdown > .k-dropdown-wrap {
  height: 100%;
  border: none;
  border-radius: 4px !important;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-dropdown > .k-dropdown-wrap > .k-input {
  font-size: 18px;
  height: 100%;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete {
  width: 250px;
  height: 100%;
  border: none;
  border-radius: 4px !important;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.missing-search {
  border: 2px solid red;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.missing-search ::-webkit-input-placeholder {
  color: red;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.missing-search ::-moz-placeholder {
  color: red;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.missing-search :-ms-input-placeholder {
  color: red;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.missing-search :-moz-placeholder {
  color: red;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.missing-search ::placeholder {
  color: red;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.k-state-focused {
  box-shadow: none !important;
  /*border:none;*/
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete.k-state-focused > #QuickSearchValue {
  border: none;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete > #QuickSearchValue {
  height: 100% !important;
  padding: 0 !important;
  font-size: 18px;
}
#navbar-fixed-belowLogo > .control-container > div > span > .k-autocomplete > #QuickSearchValue * {
  height: 100%;
  margin: 0;
  padding: 0;
}
#navbar-fixed-belowLogo > .control-container > #searchsite {
  display: inline-block;
  height: 100%;
  width: 43px;
  vertical-align: top;
  background: black;
}
#navbar-fixed-belowLogo > .control-container > #searchsite .glyphicon {
  position: relative;
  font-size: 28px;
  top: 4px;
  left: 6px;
  color: white;
}
#navbar-fixed-belowLogo > .control-container > #searchsite:hover .glyphicon {
  text-shadow: 0 0 5px white;
}
.input-group-addon {
  cursor: pointer;
}
.k-grid {
  box-shadow: none;
  border: 1px solid black;
  border-bottom: none;
  border-right: none;
  border-radius: 0 !important;
}
.k-grid .k-filter-options {
  border-radius: 0 !important;
}
.k-grid > .k-header {
  border-right: 1px solid black;
}
.k-grid .k-grid-header {
  border-right: 1px solid black;
}
.k-grid tr > td {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.k-grid tr > td a {
  color: #00aeef;
}
.k-grid .k-pager-wrap {
  border: 1px solid black;
  border-width: 0 1px 1px 0;
  border-radius: 0;
}
/*.kgrid-border-a > .k-grid {
    box-shadow: none;
    border: 1px solid black;
    border-radius: 0;

    > .k-header {
        border-bottom: 1px solid black;
    }

    tr > td {
        border-bottom: 1px solid black;

        &:not(:last-of-type) {
            border-right: 1px solid black;
        }
    }
}*/
.k-grid .k-grid-header .k-header .k-link {
  height: auto;
}
.k-grid .k-grid-header .k-header {
  white-space: normal;
}
.table.table-bordered {
  border: 1px solid black;
}
.table.table-bordered th {
  border: 1px solid black;
}
.table.table-bordered td {
  border: 1px solid black;
}
#bodyDiv {
  min-height: 100%;
  padding-bottom: 70px;
}
footer {
  height: 70px;
  margin-top: -70px;
  padding-left: 55px;
  padding-right: 5px;
}
footer > hr {
  margin: 0;
}
footer > p {
  padding-top: 25px;
  padding-left: 10px;
  margin: 0;
}
body {
  /**************************************** Breadcrumb Menu Modifications *****************************************/
  /**************************************** Hamburger Menu Modifications *****************************************/
  /**************************************************************************************************************************
 * Menu overview.
 */
  /**
 * Close button resets.
 */
  /**
 * Close button resets.
 */
  /**
 * Body states.
 *
 * When a menu is active, we want to hide the overflows on the body to prevent
 * awkward document scrolling.
 */
  /**
 * Mask component
 */
}
body li.breadcrumb-item {
  border-style: none;
  color: #1a459c;
}
body li.breadcrumb-item > .active {
  border-style: none;
  color: #000000;
  background-color: #FFFFFF;
}
body .breadcrumb > .active {
  color: #000000;
  background-color: #FFFFFF;
}
body .blockOutBehind {
  background-color: white;
  z-index: 6;
  position: fixed;
  width: 100%;
  height: 140px;
}
body .topMenuDiv {
  float: inherit;
  position: absolute;
  background-color: #FFFFFF;
  width: 100%;
}
body .navbar-fixed-aboveLogo {
  right: 0;
  left: 0;
  border-width: 0 0 1px;
  top: 0px;
  z-index: 10;
  position: fixed;
  background-color: #9e9fa3;
  height: 20px;
  vertical-align: middle;
  align-content: center;
}
body .navbar-fixed-aboveLogo .text-contactus,
body .navbar-fixed-aboveLogo .text-username,
body .navbar-fixed-aboveLogo .text-companyphone {
  color: white;
}
body .navbar-fixed-aboveLogo .text-logout {
  color: #1a459c;
}
body .navbar-fixed-aboveLogo .glyphicon-earphone {
  font-weight: 800;
}
body .navbar-fixed-nextToLogo {
  border-width: 0 0 1px;
  z-index: 10;
  position: fixed;
  background-color: white;
  height: 40px;
  vertical-align: text-bottom;
  display: inline-block;
  margin-top: 40px;
  margin-left: 300px;
}
body .hamburgerMenu {
  position: fixed;
  width: 45px;
  height: 100%;
  background-color: #4a4a4a;
  z-index: 3000;
  float: left;
}
body .c-menu {
  position: fixed;
  z-index: 200;
  background-color: #575757;
  transition: transform 0.3s;
}
body .c-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 85px;
}
body .c-menu__close {
  color: #fff;
  background-color: transparent;
  font-size: 14px;
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
body .c-button {
  color: #fff;
  background-color: transparent;
  font-size: 20px;
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-left: 6.5px;
  margin-top: 5px;
  width: 25px;
  height: 25px;
}
body .c-menu__close:focus {
  outline: none;
}
body body.has-active-menu {
  overflow: hidden;
}
body .c-mask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: lightgray;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}
body .c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s;
}
body .c-menu--slide-left,
body .c-menu--slide-right,
body .c-menu--push-left,
body .c-menu--push-right {
  width: 100%;
  height: 100%;
}
@media all and (min-width: 320px) {
  body .c-menu--slide-left,
  body .c-menu--slide-right,
  body .c-menu--push-left,
  body .c-menu--push-right {
    width: 300px;
  }
}
body .c-menu__link_nextToSpan {
  width: 20px;
  height: 45px;
  color: green;
  z-index: 30000;
  position: absolute;
  margin-left: 130px;
  margin-top: -45px;
}
body .c-menu__item:hover,
body c-menu__link:hover {
  background-color: #232323;
  color: #949494;
}
body .c-menu__item:hover .c-menu__link_nextToSpan,
body c-menu__link:hover .c-menu__link_nextToSpan {
  background-color: #1a459c;
}
body .c-menu--slide-left .c-menu__item,
body .c-menu--slide-right .c-menu__item,
body .c-menu--push-left .c-menu__item,
body .c-menu--push-right .c-menu__item {
  display: block;
  text-align: center;
  /*border-top: solid 1px #b5dbe9;
  border-bottom: solid 1px #3184a1;*/
}
body .c-menu--slide-left .c-menu__item:first-child,
body .c-menu--slide-right .c-menu__item:first-child,
body .c-menu--push-left .c-menu__item:first-child,
body .c-menu--push-right .c-menu__item:first-child {
  border-top: none;
}
body .c-menu--slide-left .c-menu__item:last-child,
body .c-menu--slide-right .c-menu__item:last-child,
body .c-menu--push-left .c-menu__item:last-child,
body .c-menu--push-right .c-menu__item:last-child {
  border-bottom: none;
}
body .c-menu--slide-left .c-menu__link,
body .c-menu--slide-right .c-menu__link,
body .c-menu--push-left .c-menu__link,
body .c-menu--push-right .c-menu__link {
  display: block;
  padding: 12px 24px;
  color: #fff;
}
body .c-menu--slide-left .c-menu__close,
body .c-menu--slide-right .c-menu__close,
body .c-menu--push-left .c-menu__close,
body .c-menu--push-right .c-menu__close {
  display: block;
  padding: 12px 24px;
  width: 100%;
}
body .c-menu--slide-left,
body .c-menu--push-left {
  top: 0;
  left: 0;
  transform: translateX(-100%);
}
@media all and (min-width: 320px) {
  body .c-menu--slide-left,
  body .c-menu--push-left {
    transform: translateX(-300px);
  }
}
body .c-menu--slide-left.is-active,
body .c-menu--push-left.is-active {
  transform: translateX(0);
}
body .o-wrapper.has-push-left {
  transform: translateX(100%);
}
@media all and (min-width: 320px) {
  body .o-wrapper.has-push-left {
    transform: translateX(300px);
  }
}
body .o-wrapper.has-push-right {
  transform: translateX(-100%);
}
@media all and (min-width: 320px) {
  body .o-wrapper.has-push-right {
    transform: translateX(-300px);
  }
}
/*
    CSS is an additive language, so the following is an anti pattern.
    Bootstrap has rounded corners on a lot of UI elements by default, this file has styles to remove them.
*/
.btn,
.btn-link,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
  border-radius: 0 !important;
}
.dropdown-menu {
  box-shadow: -2px 5px 7px 0px rgba(0, 0, 0, 0.4);
}
.dropdown-menu > li {
  border: none;
}
.dropdown-menu > li > a {
  color: white;
  text-decoration: none;
}
.form-control {
  padding: initial;
}
/*
    CSS is an additive language, so the following is an anti pattern.
    Kendo Bootstrap has rounded corners on a lot of UI elements by default, this file has styles to remove them.
*/
.k-autocomplete,
.k-block,
.k-button,
.k-calendar .k-link,
.k-calendar td,
.k-calendar-container,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-drag-clue,
.k-dropdown,
.k-editor-inline,
.k-grouping-header .k-group-indicator,
.k-inline-block,
.k-item,
.k-list-container,
.k-multiselect,
.k-notification,
.k-numeric-wrap,
.k-numerictextbox,
.k-picker-wrap,
.k-slider-selection,
.k-slider-track,
.k-split-button,
.k-textbox,
.k-tile,
.k-timepicker,
.k-tooltip,
.k-touch-scrollbar,
.k-treeview .k-in,
.k-upload,
.k-window,
.k-window-action,
.k-window-titleless .k-window-content,
thead.k-grid-header th.k-header:first-child,
thead.k-grid-header th.k-header:last-child {
  border-radius: 0 !important;
}
.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-multiselect-wrap,
.k-numeric-wrap.k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-progress-status-wrap,
.k-slider-selection,
.k-slider-track {
  box-shadow: none;
}
.k-list > .k-state-selected {
  background: #1a459c;
  color: white;
}
.k-editor,
.k-menu,
.k-scheduler,
.k-pager-wrap,
.k-header {
  border-radius: 0 !important;
}
.body-content-header:before,
.body-content-header:after {
  content: "";
  display: table;
}
.body-content-header:after {
  clear: both;
}
.body-content-header {
  margin-bottom: 25px;
}
.body-content-header .pull-left,
.body-content-header .pull-right {
  padding: 0;
  margin: 0;
}
#bodyDiv > .container > .row {
  padding-left: 0;
  padding-right: 0;
}
#bodyDiv > .container > .row .col-md-1,
#bodyDiv > .container > .row .col-md-2,
#bodyDiv > .container > .row .col-md-3,
#bodyDiv > .container > .row .col-md-4,
#bodyDiv > .container > .row .col-md-5,
#bodyDiv > .container > .row .col-md-6,
#bodyDiv > .container > .row .col-md-7,
#bodyDiv > .container > .row .col-md-8,
#bodyDiv > .container > .row .col-md-9,
#bodyDiv > .container > .row .col-md-10,
#bodyDiv > .container > .row .col-md-11,
#bodyDiv > .container > .row .col-md-12 {
  padding-left: 5px;
  padding-right: 5px;
}
#bodyDiv > .container-fluid > .row {
  padding-left: 0;
  padding-right: 0;
}
#bodyDiv > .container-fluid > .row .col-md-1,
#bodyDiv > .container-fluid > .row .col-md-2,
#bodyDiv > .container-fluid > .row .col-md-3,
#bodyDiv > .container-fluid > .row .col-md-4,
#bodyDiv > .container-fluid > .row .col-md-5,
#bodyDiv > .container-fluid > .row .col-md-6,
#bodyDiv > .container-fluid > .row .col-md-7,
#bodyDiv > .container-fluid > .row .col-md-8,
#bodyDiv > .container-fluid > .row .col-md-9,
#bodyDiv > .container-fluid > .row .col-md-10,
#bodyDiv > .container-fluid > .row .col-md-11,
#bodyDiv > .container-fluid > .row .col-md-12 {
  padding-left: 5px;
  padding-right: 5px;
}
#bodyDiv {
  padding-left: 55px;
  padding-right: 10px;
  padding-top: 170px;
}
.btn {
  background-color: #cfcfcf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#cfcfcf));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: -moz-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: -o-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: -ms-linear-gradient(top, #f8f8f8, #cfcfcf);
  background-image: linear-gradient(top, #f8f8f8, #cfcfcf);
  color: black;
}
.btn:hover {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#f8f8f8));
  background-image: -webkit-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: -moz-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: -o-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: -ms-linear-gradient(top, #cfcfcf, #f8f8f8);
  background-image: linear-gradient(top, #cfcfcf, #f8f8f8);
}
.btn-default,
a.btn-default {
  background-color: #1b4a9c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d4ea7), to(#1b4a9c));
  background-image: -webkit-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -moz-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -o-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -ms-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: linear-gradient(top, #1d4ea7, #1b4a9c);
  color: white;
}
.btn-default:hover,
a.btn-default:hover {
  background-color: #5c5c5c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#5c5c5c));
  background-image: -webkit-linear-gradient(top, #616161, #5c5c5c);
  background-image: -moz-linear-gradient(top, #616161, #5c5c5c);
  background-image: -o-linear-gradient(top, #616161, #5c5c5c);
  background-image: -ms-linear-gradient(top, #616161, #5c5c5c);
  background-image: linear-gradient(top, #616161, #5c5c5c);
  color: white;
}
.btn-default:focus,
a.btn-default:focus {
  background-color: #1b4a9c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d4ea7), to(#1b4a9c));
  background-image: -webkit-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -moz-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -o-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -ms-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: linear-gradient(top, #1d4ea7, #1b4a9c);
  color: white;
}
.breadcrumb {
  padding: 0;
  background: none;
}
.brrf-checkbox > label {
  border: 2px solid #1a459c;
}
.datepicker.datepicker-dropdown {
  border: 1px solid #316fec !important;
  padding: 0;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
}
.datepicker.datepicker-dropdown table thead tr:nth-child(2) {
  background: #1a459c;
  color: white;
}
.datepicker.datepicker-dropdown table thead tr:nth-child(2):hover {
  color: black;
}
.datepicker.datepicker-dropdown table thead tr:nth-child(2):hover > .datepicker-switch {
  color: white;
}
.datepicker.datepicker-dropdown table thead tr:nth-child(2) .datepicker-switch:hover {
  color: black;
}
.datepicker.datepicker-dropdown table thead tr:nth-child(2) > th:first-child,
.datepicker.datepicker-dropdown table thead tr:nth-child(2) > th:last-child {
  color: darkgray;
}
.datepicker.datepicker-dropdown table thead tr:nth-child(3) {
  border-bottom: 1px solid #316fec !important;
  color: #676767;
}
.datepicker.datepicker-dropdown table thead tr:nth-child(3) > th {
  font-weight: 400;
  text-align: right;
  padding: 0 7px 0 0;
  height: 24px;
}
.datepicker.datepicker-dropdown table tr > td,
.datepicker.datepicker-dropdown table tr > th {
  border-radius: 0;
}
.datepicker.datepicker-dropdown table tr > td {
  text-align: right;
  padding: 0 7px 0 0;
  height: 28px;
  color: #696969;
}
.datepicker.datepicker-dropdown table .day.active {
  background: none;
  color: black;
  border: 1px solid black;
}
.datepicker.datepicker-dropdown table .day.old,
.datepicker.datepicker-dropdown table .day.new {
  color: #acc3ef;
}
.datepicker.datepicker-dropdown table tfoot > tr > th {
  color: #696969;
  font-weight: 400;
  cursor: auto;
}
.datepicker.datepicker-dropdown table tfoot > tr > th:hover {
  background: none;
}
.datepicker.datepicker-dropdown:before,
.datepicker.datepicker-dropdown:after {
  border: none;
}
.navbar-fixed-nextToLogo a.k-link:hover,
.k-menu .k-state-hover .k-link.k-state-active {
  color: white;
  background-color: #1a459c;
}
.rail .panel-body .row {
  padding-bottom: 2px;
}
.rail .panel-body .row > span:first-child {
  font-weight: 600;
}
.rail .panel-body .row > span:nth-of-type(2) > span {
  display: inline-block;
  padding: 2px 4px;
}
.nav-tabs {
  border: 1px solid black;
  border-bottom: none;
}
.nav-tabs > li {
  width: 160px;
  text-align: center;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: none;
  border-top: none;
}
.nav-tabs > li.active {
  background: #dedede;
}
.tab-content {
  border: 1px solid black;
}
.tab-pane {
  border: none !important;
}
.k-upload-button {
  background-color: #1b4a9c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d4ea7), to(#1b4a9c));
  background-image: -webkit-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -moz-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -o-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -ms-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: linear-gradient(top, #1d4ea7, #1b4a9c);
  color: white;
}
.k-upload-button:hover {
  background-color: #5c5c5c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#5c5c5c));
  background-image: -webkit-linear-gradient(top, #616161, #5c5c5c);
  background-image: -moz-linear-gradient(top, #616161, #5c5c5c);
  background-image: -o-linear-gradient(top, #616161, #5c5c5c);
  background-image: -ms-linear-gradient(top, #616161, #5c5c5c);
  background-image: linear-gradient(top, #616161, #5c5c5c);
  color: white;
}
.k-upload-button:focus {
  background-color: #1b4a9c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d4ea7), to(#1b4a9c));
  background-image: -webkit-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -moz-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -o-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: -ms-linear-gradient(top, #1d4ea7, #1b4a9c);
  background-image: linear-gradient(top, #1d4ea7, #1b4a9c);
  color: white;
}
.panel {
  box-shadow: none;
}
.k-window-content {
  background: #E8E8E8;
}
#forgotPasswordPanel #registrationLogoDiv {
  background-position: center bottom;
}
#forgotPasswordPanel input[type=text] {
  border-radius: 0;
  height: 30px;
}
#loginPanel a {
  text-decoration: none !important;
}
#loginPanel #loginLogoDiv {
  background-position: right 0 bottom 0;
  margin-right: 20px;
}
#loginPanel #loginForm > form ul {
  padding: 0;
  padding-top: 20px;
}
#loginPanel #loginForm > form ul > li {
  list-style: none;
  background: none;
  border: none;
  color: white;
}
#loginPanel #loginForm > form .text-danger {
  color: white;
}
#loginPanel #loginForm > form > #fgUsername {
  margin-bottom: 45px;
}
#loginPanel #loginForm > form > #fgPassword {
  margin-bottom: 0px;
}
#loginPanel #loginForm > form > #fgRememberMe {
  margin-top: 5px;
  margin-bottom: 25px;
}
#loginPanel #loginForm > form > #fgRememberMe > div > .brrf-checkbox {
  display: inline-block;
}
#loginPanel #loginForm > form > #fgRememberMe > div > .brrf-checkbox > label {
  border-color: transparent;
  margin-left: 0;
}
#loginPanel #loginForm > form > #fgRememberMe > div > label {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
  font-weight: normal;
}
#loginPanel #loginForm > form > #fgSubmit {
  margin-bottom: 45px;
}
#loginPanel #loginForm > form input {
  font-size: 18px;
}
#loginPanel #loginForm > form input[type=text],
#loginPanel #loginForm > form input[type=password] {
  padding-left: 5px;
  height: 30px;
  border-radius: 0;
}
#loginPanel #loginForm > form input[type=submit] {
  width: 120px;
  padding: 1px 0;
}
#registrationBody input[type=text] {
  border-radius: 0;
  height: 30px;
}
#projectAlertDashboard #grid > .k-header {
  padding: 10px 0;
}
#projectDetailPage .milestone-details .col-md-4 label {
  display: block;
  margin-bottom: 0;
  padding-top: 10px;
}
#projectDetailPage .milestone-details .col-md-4 input:not([type="checkbox"]),
#projectDetailPage .milestone-details .col-md-4 select,
#projectDetailPage .milestone-details .col-md-4 textarea {
  max-width: none;
  width: 100%;
}
#projectDetailPage .milestone-details .col-md-4 textarea {
  min-height: 70px;
  max-width: 100%;
}
#projectDetailPage #ProjectDetailDiv {
  padding: 10px 0;
}
#projectDetailPage #ProjectDetailDiv h3 {
  margin: 0;
  vertical-align: middle;
  line-height: 34px;
}
#projectDetailPage #ProjectDetailDiv .btn-group {
  padding-right: 0;
}
#projectDetailPage #ProjectDetailDiv label {
  display: block;
  margin-bottom: 0;
  padding-top: 10px;
}
#projectDetailPage #ProjectDetailDiv .k-dropdown,
#projectDetailPage #ProjectDetailDiv select,
#projectDetailPage #ProjectDetailDiv input {
  width: 100%;
  max-width: none;
}
#projectsSearchPage > .container-fluid > #searchPageMessage {
  color: red;
}
#projectsSearchPage > .container-fluid #titleaddendum {
  font-size: 16px;
}
#projectsSearchPage > .container-fluid > .core {
  margin: 0;
  padding: 15px 5px;
  border: 1px solid black;
}
#projectsSearchPage > .container-fluid > .core h4 {
  margin-left: 0;
  margin-right: 0;
}
#projectsSearchPage > .container-fluid > .core #searchFields {
  padding-bottom: 15px;
}
#projectsSearchPage > .container-fluid > .core #searchFields .row {
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 10px;
}
#projectsSearchPage > .container-fluid > .core #searchFields .col-sm-3 {
  width: 300px !important;
  padding-bottom: 15px;
}
#projectsSearchPage > .container-fluid > .core #searchFields .col-sm-3 label {
  margin-bottom: 0;
}
#projectsSearchPage > .container-fluid > .core #searchFields .col-sm-3 .form-control {
  display: block;
  width: 100%;
}
#projectsSearchPage > .container-fluid > .core #searchFields .col-sm-3 select.form-control {
  background-color: #dfdfdf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dfdfdf));
  background-image: -webkit-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: -moz-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: -o-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: -ms-linear-gradient(top, #e9e9e9, #dfdfdf);
  background-image: linear-gradient(top, #e9e9e9, #dfdfdf);
}
#contactsAndAttributesDiv #NewSiteForm label {
  display: block;
  margin-bottom: 0;
}
#contactsAndAttributesDiv #NewSiteForm input[type=text],
#contactsAndAttributesDiv #NewSiteForm select {
  display: block;
  width: 100%;
  max-width: none;
}
#contactsAndAttributesDiv #NewSiteForm .col-md-12 {
  padding-bottom: 10px;
}
#searchPageBody > .container-fluid #searchPageMessage {
  color: red;
}
#searchPageBody > .container-fluid #titleaddendum {
  font-size: 16px;
}
#searchPageBody > .container-fluid > .core {
  margin: 0;
  padding: 15px 5px;
  border: 1px solid black;
}
#searchPageBody > .container-fluid > .core h4 {
  margin-left: 0;
  margin-right: 0;
}
#searchPageBody > .container-fluid > .core #searchFields {
  padding-bottom: 15px;
}
#searchPageBody > .container-fluid > .core #searchFields .row {
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 10px;
}
#searchPageBody > .container-fluid > .core #searchFields .col-sm-3 {
  width: 300px !important;
  padding-bottom: 15px;
}
#searchPageBody > .container-fluid > .core #searchFields .col-sm-3 label {
  margin-bottom: 0;
}
#searchPageBody > .container-fluid > .core #searchFields .col-sm-3 .form-control {
  display: block;
  width: 100%;
}
#searchPageBody > .container-fluid > .core #gridSiteSearch tr td {
  overflow: visible;
  word-wrap: break-word;
  table-layout: fixed;
}
#addEditProjectButtons > .btn-group {
  display: block;
  width: 100%;
  padding: 0px;
}
#addEditProjectButtons > .btn-group > button {
  display: block;
  height: 43px;
  width: 50%;
  border: none;
}
#addEditProjectButtons > .btn-group > button:first-child {
  float: left;
  border-right: 1px solid black;
}
#addEditProjectButtons > .btn-group > button:nth-of-type(2) {
  float: right;
}
#homeAlertGrid .k-header .row {
  padding: 10px 0;
}
.k-grid .k-grid-header .k-header .k-link {
  height: auto;
}
.k-grid .k-grid-header .k-header {
  white-space: normal;
}