html#loginDocument, body#loginBody {
    background-color: #1c50a5 !important;
}

html, body {
    background-color: #f9f9f9;
}

/* Main Page Header */
nav {
    background-color: #1c50a5;
    color: #fff;/*Page Header Text Color*/
}

.pageHeaderWrapper {
    background-color: #1c50a5;
}

/* Main Page Footer*/
footer.page-footer {
    background-color: #696970;
}

/* Hamburger Icon */
.sidebar-collapse {
    background-color: #696970 !important;
}

a.sidebar-collapse i {
    color: #fff;
}

/* Main Page Icon*/
nav ul a {
    color: #fff;
}

/*nav option active state*/
nav ul.dropdown-content a.active {
    color: #1c50a5;
}

/*nav option normal state*/
.dropdown-content li>a, .dropdown-content li>span {
    color: rgba(0,0,0,.87);
}

/* Menu Normal State*/
.side-nav.fixed a {
    color: #444;
}

/* Menu Icon Normal State*/
.side-nav.fixed a {
    color: #444;
}

/* Menu Selected State */
ul.side-nav.leftside-navigation li.active a.active {
    color: #1c50a5 !important;
}

/* Menu Icon Selected State */
ul.side-nav.leftside-navigation li.active a.active i {
    color: #1c50a5 !important;
}


/* Lever Control Normal State*/
.switch label .lever{
    background-color: #818181 !important;
}

    .switch label .lever:after {
        background-color: #f1f1f1 !important;
    }

/* Floating Button Normal State*/
.btn-floating {
    background-color: #696970;
}

/* Floating Button Hover State*/
.btn-floating:hover {
    background-color: #696970;
}

/* Lever Control Checked State*/
.switch label input[type=checkbox]:checked+.lever{
    background-color: #696970;
}

.switch label input[type=checkbox]:checked+.lever:after{
    background-color: #696970;
}

/* Control Label Color Inactive State */
.input-field label {
    color: #9e9e9e;
}

/* Control Label Color Active State */
.input-field label.active{
    color: #1c50a5;
}

/* Control Icon Color Inactive State*/
.input-field .prefix {
    color: rgba(0,0,0,.87);
}

/* Control Icon Color Active State */
.input-field .prefix.active{
    color: #b3b3b7;
}

/* Input, TextArea Control default state */
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border-bottom-color: #9e9e9e;
}

/* Input, Textarea control focus state */
input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom-color: #b3b3b7 !important;
    box-shadow: 0 1px 0 0 #b3b3b7 !important;
    border-bottom:2px solid #b3b3b7 !important;
}

/* Input, Textarea control disabled/readonly*/
input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0,0,0,.5);
}

/* Dropdown Option Normal State*/
.dropdown-content li {
    color: rgba(0,0,0,.87);
}

/* Dropdown Option Selected State*/
.dropdown-content li.active.selected {
    background-color: #e1e1e1;
}

/* Dropdown Option Hover State*/
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
    background-color: #eee;
}

/* Checkbox Normal State*/
[type="checkbox"].filled-in:not(:checked)+label:after {
    background-color: transparent;
    border: 2px solid #5a5a5a;
}

/* Checkbox Checked State*/
[type="checkbox"].filled-in:checked+label:after {
    background-color: #696970;
    border-color: #696970;
}

/* Radio Button Normal State*/
[type="radio"]:not(:checked)+label:before {
    border: 2px solid #5a5a5a;
}

/* Radio Button Checked State*/
[type="radio"]:checked+label:after {
    background-color: #1c50a5;
    border-color: #1c50a5;
}

/* Button normal state */
.btn, .btn-large{
    background-color: #1c50a5 !important;
}

/* Button Focus State */
button:focus{
    background-color: #696970;
}

/* Button hover state */
.btn:hover, .btn-large:hover {
    background-color: #1c50a5;
}

/* Anchor element normal state */
a {
    color: #1c50a5;
}

/*Panel Header*/
ul.panelHeader {
    background-color: #696970;
}

ul.panelHeader li {
    color: #fff;
}

.panelContent {
    border-color: #696970;
}

/* Popup Header */
.modal-header {
    background-color: #696970;
    color: #fff;
}

/* Popup Footer */
.modal .modal-footer {
    background-color: #fafafa;
}

/*Popup Content*/
.modal .modal-content {
    background-color: #fff;
}

/* Action Menu Bar */
ul.actionLinks {
    background-color: #696970;
}

/* Action Menu Item*/
ul.actionLinks li a {
    color: #fff;
}

/* Grid Odd Row*/
div.gridbox_dhx_skyblue .ev_dhx_skyblue td {
    background-color: #e8e8ed !important;
}

/* Grid Even Row*/
div.gridbox_dhx_skyblue .odd_dhx_skyblue td {
    background-color: #f8f8f8 !important;
}

/* Grid Selected Row */
div.gridbox_dhx_skyblue table.obj.row20px tr.rowselected td {
    background-color: #b3b3b7  !important;
}

/* Grid Cell*/
div.gridbox_dhx_skyblue table.obj.row20px td {
    border-right-color: #e8e8ed !important;
    border-bottom-color: #696970 !important;
}

/* Grid Paging*/
.pgnContainer {
    background-color: #696970 !important;
}

.pgnInfoArea span {
    color: #fff !important;
}

.pgnCtrlArea span.pgnBtn {
    border-color: #fff !important;
    color: #fff !important;
}

.pgnCtrlArea span.pgnBtn.active {
    background-color: white !important;
    color: #696970 !important;
}

/* Grid Footer */
div.gridbox div.ftr td {
    border-top:1px solid #696970;
	border-right:1px solid #696970;
	background-color:#f8f8f8 !important;
}

/* Tabs */
.tabs {
    background-color: #fff;
}

/* Tab Item Normal State*/
.tabs .tab a {
    color: #696970;
}

/* Tab Item Hover State*/
.tabs .tab a:hover {
    color: #696970;
}

/* Tab Item Active State */
.tabs .tab a.active {
    background-color: transparent;
}

/* Tab Indicator */
.tabs .indicator {
    background-color: #f6b2b5;
}

/* Field Validation error */
.input-field div.field-validation-error{
    color: red;
}

/* Calender Trigger Button */
.ui-datepicker-trigger {
    background-color: #1c50a5 !important;
}

/* Calender Selected Date */
JQUI .ui-datepicker-calendar tbody tr td .ui-state-active {
    background-color: #696970;
}

/* Collection Icons */
ul.sortable-action-group li.sortable-action-item i {
    color: #696970;
}

/* Grid Validation Error */
.dhtmlx_live_validation_error{
	background-color:#FFE0E0 !important;
}

.dhtmlx_validation_error{
    border-bottom:3px solid red !important;
}

/* Grid Drag & Drop drag info element */
.dragSpanDiv{ 	
    background-color: #696970; 
    color: white;
}

/*Extra Inline style*/
.psTagItem{
    border:1px solid #1c50a5 !important;
    background-color:#1c50a5 !important;
}

div.gridbox table.hdr td{
    border-right: 1px solid #e8e8ed !important;
    border-bottom: 1px solid #696970 !important;
}
div.gridbox_dhx_skyblue{
    border: 1px solid #696970 !important;
}
    ul.treePanel {
    background-color:  #696970 !important;
}
  .dhxtree_dhx_skyblue .selectedTreeRow_lor, .dhxtree_dhx_skyblue .selectedTreeRow{
         border-color: #696970 !important;
    background-color: #696970 !important;
  }


  .panelContent .collection.collectionItems li.collection-item.active{
      background-color: #b3b3b7 !important;
  }

  ul.stepper:not(.horizontal) .step.active::before, ul.stepper:not(.horizontal) .step.done::before, ul.stepper.horizontal .step.active .step-title::before, ul.stepper.horizontal .step.done .step-title::before {
  background-color: #696970 !important;
}

  .collapsible-header.panel {
   background-color: #696970 !important;
}
  .row-bg-danger {
background-color: #FF0000 !important;
}

.row-bg-warning {
background-color: #ffff33 !important;
}