body {
  background-color: white;
  color: #666666;
    font-family: "Open sans", "Segoe UI","Lucida Grande","Verdana","Arial","Helvetica","Tahoma",sans-serif; /*edit*/
    font-size: 12px; /*add*/
    font-weight: normal; /*add*/
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

h1 {
  margin-top: 0;
}
h3 {
  font-size: 16px;
  margin: 0;
}

#contentWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

#contentLeft {
  z-index: 10;
  width: 210px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #CFD4BC , #F4F7EC); /*edit 283c51*  A7D036   C2C7B0/
  color: #ffffff; /*add*/
}
#contentLeft p {
    padding: 5px 10px; /*add*/
}

#contentRight {
  padding: 1.3rem 2rem;
  min-width:450px;
  margin-left: 210px;
}

#contentRightHeader{
	margin-left: 210px;
  padding: 10px 5px 5px 22px;
  color: #006699; /*add*/
}

#leftNavigation {
  margin: 10px 0;
}
#leftNavigation, #leftNavigation li ul {
  list-style: none;
  padding: 0;
}
#leftNavigation li a {
  font-size: 0.875rem;
  display: block;
  padding: 0.8rem 1rem 0.8rem 3rem;
  color: #f1f1f1; /*edit*/
  border-bottom: solid 1px #395673;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  border-color: #f1f1f1;
}
#leftNavigation li a, #leftNavigation li a .leftNavIcon {
  line-height: 120%;
}
#leftNavigation li a .leftNavIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  padding: 0.8rem 0;
  text-align: center;
}
#leftNavigation li a:hover {
  color: white;
}
#leftNavigation li ul {
  display: none;
  margin: 0;
   background-image: url('../images/list_bg.png');
  /*background-color: #9ABF33; edit 17232f*/
}
/*----------- sub list ---------------*/
#leftNavigation li ul li a  {
  margin: 0;
  background: linear-gradient(to right, #3390B6 , transparent 70%);
  background-color: #3390B6; /*edit 17232f*/
  transition: background-color 400ms;
  background-image: url('../images/list_bg.png');
}

#leftNavigation li ul li a:hover {
   background-image: url('../images/list_bg2.png');
  background-color: #00A3E1; /*edit 17232f*/
   position: relative;
   transition: background-image 0.4s;
}

#leftNavigation li ul li:last-child a {
  border-bottom: none;
}
#leftNavigation li ul li.active a {
  color: white;
}
#leftNavigation li.active > a {
  color: white;
}
#leftNavigation li.active ul {
  display: block;
}
#leftNavigation > li.active {
  background-color: #5C5C5C;
}

/*---------- main list -----------------*/
#leftNavigation > li.active > a {
  background: linear-gradient(to right, #5C5C5C , transparent 70%);
  background-color: #7B7D75;
  transition: background-color 500ms;
}

#leftNavigation > li.active > a:hover{
    background-color: #9DA096;
}

#leftNavigation #logo {
  margin-left: 5px;
}

.bt{
	width:130px; /*edit*/
	height:30px; /*edit*/
	padding: 0;
	border: none;
    cursor:pointer; /*add*/
	color: white;
	background: url("../images/SaveBtt.png");
}

.bt:hover{
	width:130px; /*edit*/
	height:30px; /*edit*/
	padding: 0;
	border: none;
    cursor:pointer; /*add*/
	color: white;
	background: url("../images/SaveBtt_Hv.png");
}
.btLogin{
	width:95px;
	height:29px;
	padding: 0;
	border: none;
	color: white;
	background: url("../images/Btt_login_10.png");
}

.btLogin:hover{
	width:95px;
	height:29px;
	padding: 0;
	border: none;
	color: white;
	background: url("../images/Btt_loginHv.png");
}
#contentRightHeaderR{
	float:right;
}

table .thC{
	background-color: #707070;
	color:#ffffff;
    cursor:pointer;
    font-size:12px;
}
.thC th{
    padding:5px 10px; /*add*/
}
table .trC1{
	background-color: #f1f1f1;
}
table .trC2{
	background-color: #ffffff;
}
.trC1 td,
.trC2 td {
    font-size:11px;
    padding:2px 5px;
}


/* Calendar color */
.k-calendar .k-header .k-state-hover {
    background-color: #1376A4 !important;
    color: white !important;
}

.k-calendar .k-header{
    background-color: #3390B6 !important;
     background-image: none !important;
}

.k-calendar .k-footer .k-nav-today {
    color: #1376A4 !important;
}

.k-calendar td.k-state-selected {
    background-color: #1376A4 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.k-calendar .k-footer {
    padding: 0 !important
}

.k-calendar .k-footer .k-nav-today:active {
    background-color: #fff !important
}

.k-calendar .k-link.k-nav-fast {
    color: #444 !important
}

.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    border-radius: 50% !important
}

.k-calendar .k-footer .k-link {
    border-radius: 0 !important
}

.k-calendar th {
    background-color: #3f51b5 !important
}

.k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, 0.2) !important
}

.k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-filebrowser .k-image, .k-tooltip {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) !important
}

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    border-radius: 2px !important
}

.k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu {
    border-radius: 0 0 2px 2px !important
}

.k-window-titlebar, .k-block>.k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    border-radius: 2px 2px 0 0 !important
}


.k-calendar .k-state-selected>.k-link {
    color: #fff !important
}

.k-calendar .k-header .k-link {
    color: #fff !important
}

.k-calendar .k-footer {
    border-color: #e6e6e6 !important
}

.k-calendar td {
    border-radius: 50% !important
}

.k-calendar .k-content th {
    background-color: #fff !important
}

.k-calendar .k-nav-fast.k-state-hover {
    border-radius: 0 !important
}

.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-filter-row>th, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox>input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar>.k-item>.k-link, .k-panel>.k-item>.k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
    border-color: #e6e6e6 !important
}

/* calendar common-material*/
.k-calendar {
    position: relative !important;
    display: inline-block !important;
    width: 16.917em !important;
    overflow: hidden !important
}

.k-calendar td, .k-calendar .k-link {
    text-decoration: none !important
}

.k-calendar .k-action-link {
    text-decoration: underline !important
}

.k-calendar .k-header, .k-calendar .k-footer {
    position: relative !important;
    text-align: center !important;
    zoom: 1 !important
}

.k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next {
    position: absolute;
    top: .16666em !important;
    line-height: 1.8333em !important;
    height: 1.8333em !important
}

.k-widget.k-calendar .k-nav-prev {
    left: 1% !important
}

.k-widget.k-calendar .k-nav-next {
    right: 1% !important
}
/*
.k-calendar .k-content {
    float: left !important;
    border-spacing: 0 !important;
    width: 100% !important;
    height: 14.167em !important;
    border-width: 0 !important;
    margin: 0 !important;
    table-layout: fixed !important;
    outline: 0 !important
}
*/

.k-calendar .k-content, .k-calendar .k-content th {
    text-align: right !important
}

.k-calendar .k-animation-container .k-content {
    height: 100% !important
}

.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75% !important;
    height: 1.8333em !important;
    line-height: 1.8333em !important;
    margin: .16666em -0.08333em .3333em 0 !important
}

.k-calendar .k-header .k-icon {
    vertical-align: middle !important
}

.k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next {
    height: 1.8333em !important;
    width: 1.8333em !important
}

.k-calendar th {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    padding: .4em .45em .4em .1em !important;
    font-weight: normal !important;
    cursor: default !important
}

.k-calendar td {
    padding: .08333em !important;
    cursor: pointer !important
}

.k-calendar .k-state-focus {
    border-style: dotted !important;
    border-width: .08333em !important;
    padding: 0 !important
}

.k-calendar .k-content .k-link {
    display: block !important;
    overflow: hidden !important;
    min-height: 1.8333em !important;
    line-height: 1.8333em !important;
    padding: 0 .45em 0 .1em !important
}

.k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em !important;
    text-align: center !important
}

.k-calendar .k-footer {
    clear: both !important
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer>.k-state-disabled {
    display: block !important;
    height: 100% !important;
    padding: .5em 0 !important
}

.k-calendar .k-nav-today:hover {
    text-decoration: underline !important
}

.k-block, .k-slider, .k-splitbar, .k-calendar, .k-treeview, .k-pager-wrap, .k-grid-header .k-link, .k-header-column-menu {
    -webkit-touch-callout: none !important
}

.k-popup.k-list-container, .k-popup.k-calendar-container {
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    padding: 2px !important;
    border-width: 1px !important;
    border-style: solid !important
}

.k-ie7 .k-button, .k-ie7 .k-grid-filter, .k-ie7 .k-header-column-menu, .k-ie7 .k-grid .k-pager-numbers, .k-ie7 .k-grid .k-status-text, .k-ie7 .k-pager-numbers .k-link, .k-ie7 .k-pager-numbers span, .k-ie7 .k-pager-numbers input, .k-ie7 .k-grouping-row p, .k-ie7 .k-grouping-header a, .k-ie7 .k-grouping-header .k-group-indicator, .k-ie7 .k-grouping-header .k-link, .k-ie7 .k-grouping-header .k-button, .k-ie7 .k-grid-actions, .k-ie7 .k-edit-label, .k-ie7 .k-edit-field, .k-ie7 .k-edit-form-container .editor-label, .k-ie7 .k-edit-form-container .editor-field, .k-ie7 .k-combobox, .k-ie7 .k-dropdown, .k-ie7 .k-selectbox, .k-ie7 .k-picker-wrap .k-select, .k-ie7 .k-dropdown-wrap .k-select, .k-ie7 .k-numerictextbox, .k-ie7 .k-timepicker, .k-ie7 .k-datepicker, .k-ie7 .k-datetimepicker, .k-ie7 .k-colorpicker, .k-ie7 .k-calendar, .k-ie7 .k-calendar .k-nav-fast, .k-ie7 .k-treeview .k-icon, .k-ie7 .k-treeview .k-image, .k-ie7 .k-treeview .k-sprite, .k-ie7 .k-treeview .k-in, .k-ie7 .k-colorpicker, .k-ie7 .k-colorpicker .k-tool-icon, .k-ie7 .k-palette.k-reset, .k-ie7 .k-editor-dialog .k-button, .k-ie7 .k-form-text-row label, .k-ie7 .k-tabstrip-items .k-item, .k-ie7 .k-tabstrip-items .k-link, .k-ie7 .k-slider-horizontal, .k-ie7 .k-splitbar-draggable-vertical .k-resize-handle, .k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle, .k-ie7 .t-filename, .k-ie7 div.k-window, .k-ie7 .k-window-titlebar .k-window-action, .k-ie7 .k-scheduler-toolbar>ul>li, .k-ie7 .k-scheduler-footer>ul>li, .k-ie7 .k-scheduler-toolbar>ul>li, .k-ie7 .k-scheduler-footer>ul>li, .k-ie7 .k-event:hover .k-event-delete, .k-ie7 tr:hover>td>.k-task .k-event-delete, .k-ie7 .k-progressbar, .k-ie7 .k-progressbar-horizontal .k-item, .k-ie7 .k-progress-status, .k-ie7 .k-grid-header-locked, .k-ie7 .k-grid-content-locked, .k-ie7 .k-grid-header-locked+.k-grid-header-wrap, .k-ie7 .k-grid-content-locked+.k-grid-content, .k-ie7 .k-grid-footer-locked, .k-ie7 .k-gantt-layout, .k-ie7 .k-gantt-toolbar>ul>li, .k-ie7 .k-gantt-toolbar .k-link, .k-ie7 .k-task-summary, .k-ie7 .k-task-actions:first-child>.k-link, .k-ie7 .k-task-wrap:hover .k-task-delete, .k-ie7 .k-task-wrap-active .k-task-delete, .k-ie7 .k-navigator, .k-ie7 .k-zoom-control {
    display: inline !important;
    zoom: 1 !important
}

.k-calendar {
    width: 18.29em !important;
    padding: 0 5px !important
}

.k-calendar .k-header {
    margin: 0 -5px !important
}

.k-calendar td {
    padding: 0 !important
}

.k-calendar .k-content .k-link {
    min-height: 2.571em !important;
    line-height: 2.571em !important;
    padding: 0 !important;
    text-align: center !important
}

.k-calendar th {
    border-bottom-width: 0 !important;
    padding: .714em .45em .714em 0 !important
}

.k-calendar .k-footer {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    margin: 0 -5px !important
}

.k-popup.k-calendar-containe {
    padding: 0 !important
}

.k-widget.k-calendar .k-nav-fast {
    width: 65% !important;
    height: 2.571em !important;
    line-height: 2.571em !important;
    margin: .429em -0.08333em .429em 0 !important
}

.k-calendar .k-header .k-icon {
    vertical-align: middle !important
}

.k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next {
    position: absolute !important;
    top: .429em !important;
    line-height: 2.571em !important;
    height: 2.571em !important
}

.k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next {
    height: 2.571em !important;
    width: 2.571em !important
}

.k-widget.k-calendar .k-nav-prev {
    left: .429em !important
}

.k-widget.k-calendar .k-nav-next {
    right: .429em !important
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer>.k-state-disabled {
    padding: 1.143em 0 1.071em !important
}

.k-popup.k-calendar-container {
    padding: 0 !important
}

.k-calendar .k-icon.k-i-arrow-w, .k-calendar .k-state-hover .k-icon.k-i-arrow-w {
    background-position: -16px -48px !important;
    opacity: 1 !important
}

.k-calendar .k-icon.k-i-arrow-e, .k-calendar .k-state-hover .k-icon.k-i-arrow-e {
    background-position: -16px -16px !important;
    opacity: 1 !important
}

.k-scheduler .k-state-default .k-link .k-icon.k-i-calendar, .k-scheduler .k-state-default.k-state-hover .k-link .k-i-calendar {
    background-position: -48px -176px !important
}

.k-rtl .k-calendar .k-icon.k-i-arrow-w, .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover>.k-i-arrow-w, .k-rtl .k-scheduler .k-i-arrow-w, .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover>.k-i-arrow-w, .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -16px !important
}

.k-rtl .k-calendar .k-icon.k-i-arrow-e, .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover>.k-i-arrow-e, .k-rtl .k-scheduler .k-i-arrow-e, .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover>.k-i-arrow-e, .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -48px !important
}

 .k-i-arrow-e, .k-i-arrow-w{
    background-image: url('../styles-kendo/Material/sprite.png') !important;
    border-color: transparent !important
}

.k-tabstrip-items{
  padding: .3em .3em 0 .3em !important
}

.k-i-calendar{
    margin-right: 0 !important;
}

#exfile{
  font-size: 14px;
  margin-left: 1%;
}

.colStatus{
  margin-top:8px; padding-bottom:8px; background-color:#40A5C3 !important;
}
.submit-btn{
  background-color:#40A5C3 !important;
}