:root {
  /*Base color using HSL */
  --hue: 270;
  --saturation: 100%;  
  --color00: hsl(var(--hue), var(--saturation), 0%);
  --color05: hsl(var(--hue), var(--saturation), 5%);
  --color10: hsl(var(--hue), var(--saturation), 10%);
  --color15: hsl(var(--hue), var(--saturation), 15%);
  --color20: hsl(var(--hue), var(--saturation), 20%);
  --color25: hsl(var(--hue), var(--saturation), 25%);
  --color30: hsl(var(--hue), var(--saturation), 30%);
  --color35: hsl(var(--hue), var(--saturation), 35%);
  --color40: hsl(var(--hue), var(--saturation), 40%);
  --color45: hsl(var(--hue), var(--saturation), 45%);
  --color50: hsl(var(--hue), var(--saturation), 50%);
  --color55: hsl(var(--hue), var(--saturation), 55%);
  --color60: hsl(var(--hue), var(--saturation), 60%);
  --color65: hsl(var(--hue), var(--saturation), 65%);
  --color70: hsl(var(--hue), var(--saturation), 70%);
  --color75: hsl(var(--hue), var(--saturation), 75%);
  --color80: hsl(var(--hue), var(--saturation), 80%);
  --color85: hsl(var(--hue), var(--saturation), 85%);
  --color90: hsl(var(--hue), var(--saturation), 90%);
  --color95: hsl(var(--hue), var(--saturation), 95%);
  --color100: hsl(var(--hue), var(--saturation), 100%);
}

body {
  background-color: inherit;
}

.ewHeaderRow {
  background-color: #a9a9a9;
  color: inherit;
}

.ewMenuColumn {
  background-color: #f5f5f5;
  color: inherit;
}

.ewContentColumn {
  background-color: inherit;
}

.image-drop-shadow {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.75));
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

/*.btn-default {
    text-shadow: 0 1px 0 #c6effb;
    background-image: -webkit-linear-gradient(top, #c6effb 0%, #5bc0de 100%);
    background-image: -o-linear-gradient(top, #c6effb 0%, #5bc0de 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c6effb), to(#5bc0de));
    background-image: linear-gradient(to bottom, #c6effb 0%, #5bc0de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc6effb', endColorstr='#ff5bc0de', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #0f8db3;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #54bddc;
    border-color: #05607b;
}

.btn-default:hover, .btn-default:focus {
    background-color: #54bddc;
    background-position: 0 -15px;
    border-color: #0f8db3;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #a5dcec;
    background-image: none;
}*/

/********************* Start Menu Bar ********************************/
#ewMobileMenu {
  border-bottom: none;
  background-repeat: repeat-x;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: -webkit-linear-gradient(top, var(--color25) 0%, var(--color15) 100%);
  background-image: -o-linear-gradient(top, var(--color25) 0%, var(--color15) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color25)), to(var(--color15)));
  background-image: linear-gradient(to bottom, var(--color25) 0%, var(--color15) 100%);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.active>a {
  background-image: -webkit-linear-gradient(top, var(--color10) 0%, var(--color05) 100%);
  background-image: -o-linear-gradient(top, var(--color10) 0%, var(--color05) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color10)), to(var(--color05)));
  background-image: linear-gradient(to bottom, var(--color10) 0%, var(--color05) 100%) !important;
}

#ewMobileMenu .navimg {
  border-right: 1px solid var(--color80);
}

#ewMobileMenu .navbar-default .navbar-toggle {
  border-color: #013C5B;
}

#ewMobileMenu .navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

#ewMobileMenu .navbar-nav>.active>a,
#ewMobileMenu .navbar-nav>li>a {
  color: #ffffff;
  text-shadow: 1px 1px 2px var(--color05);
}

#ewMobileMenu .navbar-nav>li>a:hover {
  color: #ffffff;
  background-image: linear-gradient(to bottom, var(--color40) 0%, var(--color30) 100%);
}

#ewMobileMenu .dropdown-menu {
  background-color: var(--color95);
}

#ewMobileMenu .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: var(--color75);
  white-space: nowrap;
}

#ewMobileMenu .dropdown-menu>li>a {
  color: #000000;
}

#ewMobileMenu .dropdown-menu>li>a:hover,
#ewMobileMenu .dropdown-menu>li>a:focus {
  color: #ffffff !important;
  background-color: var(--color20) !important;
  background-image: none;
}

#ewMobileMenu .open>a,
#ewMobileMenu .open>a:hover,
#ewMobileMenu .open>a:focus {
  background-color: inherit;
}

#ewMobileMenu .dropdown-menu>li>a>i {
  background-color: var(--color75) !important;
}

#ewMobileMenu .dropdown-menu>li>a:hover>i,
#ewMobileMenu .dropdown-menu>li>a:focus>i {
  background-color: var(--color10) !important;
}

.ewMenubarTitle {
  text-shadow: 1px 1px 2px var(--color05);
  color: #ffffff;
}

#ewMobileMenu .dropdown-menu .divider {
  height: 1px;
  margin: 2px 0;
  overflow: hidden;
  background-color: var(--color25);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: var(--color55);
}

.dropdown-main-menu > li:has(ul){
  border-left: 1px solid var(--color80) !important;
  border-right: 1px solid var(--color80) !important;
}

.dropdown-main-menu > li:has(ul):first-child{
  border-left: none !important;
  border-right: 1px solid var(--color80) !important;
}

.dropdown-main-menu > li:has(ul):last-child{
  border-left: 1px solid var(--color80) !important;
  border-right: none !important;
}

.dropdown-main-menu > li:has(ul) > a.ewDropdown{
  background-color: var(--color90) !important;
}

/********************* End Menu Bar ********************************/
.input-group:focus {
  border-color: var(--color35);
}

.form-control:focus {
  border-color: var(--color35);
}

.form-control {
  border: 1px solid var(--color80);
}

/*********************** Tool Bar ****************************************/
.ewToolbar .breadcrumb {
  background-color: var(--color20);
}

.ewToolbar .breadcrumb>li>a {
  color: var(--color95);
}

.ewToolbar .breadcrumb>li>a:hover {
  color: var(--color85);
}

.breadcrumb>.active {
  color: var(--color80);
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #b3dff1;
  content: "\00a0|\00a0";
}

.company-login {
  color: #400080;
  background-color: #D2EBF5;
}

/*********************** Tool Bar ****************************************/
.ewListOptionHeader,
th[data-name="_id"],
th[data-name="_user"] {
  width: 10px;
}

.btn-default {
  font-weight: bold;
  color: #000000;
  background-image: linear-gradient(to bottom, var(--color95) 0%, var(--color80) 100%) !important;
  border-color: var(--color70);
}

.btn-default:hover {
  color: #000000;
  background-image: linear-gradient(to bottom, var(--color100) 0%, var(--color90) 100%) !important;
  border-color: var(--color70);
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #333333;
  background-image: linear-gradient(to bottom, var(--color100) 0%, var(--color90) 100%) !important;
  border-color: var(--color70);
}

button.ewButton {
  min-width: 100px;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-image: linear-gradient(to bottom, var(--color25) 0%, var(--color15) 100%);
  border-color: #201b40;
}

.btn-primary {
  color: #fff;
  background-image: linear-gradient(to bottom, var(--color15) 0%, var(--color25) 100%);
  border: 1px solid var(--color15);
}

.ewFooterRow {
  background-color: #A9A9A9;
  color: #ffffff;
}

#RootMenu {
  background-color: #f5f5f5;
}

/******************* Grid *******************/
.ewGrid {
  border: 1px solid var(--color25);
  border-radius: 4px;
}

.ewGrid .ewTable {
  border-radius: 4px;
}

.ewGrid .ewGridUpperPanel {
  border-bottom: 1px solid var(--color20);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ewGrid .ewGridLowerPanel {
  border-top: 1px solid var(--color65);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ewGridUpperPanel,
.ewGridLowerPanel {
  background-color: var(--color80);
  color: #000000;
}

.ewGrid .ewTable>thead>tr>th,
.ewGrid .ewTable>thead>tr>td {
  color: #ffffff;
  border-color: var(--color35);
  background-image: -webkit-linear-gradient(top, #0682b1 0%, #025f82 100%);
  background-image: -o-linear-gradient(top, #0682b1 0%, #025f82 100%);
  background-image: linear-gradient(to bottom, var(--color25) 0%, var(--color15) 100%);
}

.ewGrid .ewTable .ewTableHeader .ewTableHeaderBtn .caret {
  border-top-color: #ffffff;
}

.ewGrid .ewTable .ewTableHeader .ewTableHeaderBtn .ewSortUp {
  border-bottom-color: #ffffff;
}

.ewGrid .ewTable .ewTableRow {
  background-color: #ffffff;
  color: inherit;
}

.ewGrid .ewTable .ewTableAltRow {
  background-color: var(--color95);
  color: inherit;
}

.ewGrid .ewTable .ewTableEditRow>td {
  background-color: #ffff99;
  color: inherit;
}

.ewGrid .ewTable .ewTableHighlightRow>td {
  background-color: var(--color85);
  color: inherit;
}

.ewGrid .ewTable .ewTableSelectRow>td {
  background-color: var(--color35);
  color: #ffffff;
}

.ewGrid .ewTable .ewTableGroupRow>td {
  background-color: var(--color35);
  color: #ffffff;
  font-size: 14px;
}

.ewGrid .ewTable .ewTableFooter {
  background-color: var(--color80);
  color: inherit;
}

.ewGrid .ewTable>tbody>tr>td,
.ewGrid .ewTable>tfoot>tr>td {
  border-color: var(--color65);
  color: black;
}

.ewGrid form .ewTable>thead>tr:first-child>th:first-child,
.ewGrid form .ewTable>thead>tr:first-child>td:first-child {
  border-radius: 0;
}

.ewGrid form .ewTable>thead>tr:first-child>th:last-child,
.ewGrid form .ewTable>thead>tr:first-child>td:last-child {
  border-radius: 0;
}

.ewGrid .ewTable>thead>tr:first-child>th:first-child,
.ewGrid .ewTable>thead>tr:first-child>td:first-child {
  border-top-left-radius: 3px;
}

.ewGrid .ewTable>thead>tr:first-child>th:last-child,
.ewGrid .ewTable>thead>tr:first-child>td:last-child {
  border-top-right-radius: 3px;
}

.ewGrid .ewTable>tfoot>tr:last-child>td:first-child {
  border-bottom-left-radius: 3px;
}

.ewGrid .ewTable>tfoot>tr:last-child>td:last-child {
  border-bottom-right-radius: 3px;
}

.ewGrid .ewTable>tbody:last-child>tr:last-child>td.ewTableBorderBottom,
.ewGrid .ewTable>tfoot>tr:last-child>td.ewTableBorderBottom,
.ewGrid .ewTable td.ewTableLastRow.ewTableBorderBottom,
.ewGrid .ewTable .ewTableBorderBottom {
  border-color: #b3e6f5;
}

/******************* Grid *******************/
.ewExportTable td {
  border-color: #b3e6f5;
}

.ewExportTable .ewTableHeader,
.ewExportTableHeader td {
  background-color: #620000;
  color: #FFFFFF;
  border-color: #8B0000;
}

.ewExportTableRow>td {
  background-color: #ffffff;
  color: inherit;
}

.ewExportTableAltRow>td {
  background-color: #fffbd6;
  color: inherit;
}

.ewExportTableFooter {
  background-color: #fffacd;
  color: inherit;
}

#ewMsgBox .alert {
  background-color: transparent;
}

.ewHighlightSearch {
  background-color: yellow;
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
  background-color: transparent;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9;
}

.tt-hint {
  color: #777777;
}

.tt-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.tt-suggestion.tt-cursor {
  color: #ffffff;
  background-color: #337ab7;
}

.ewRed {
  color: #B70000;
}

.ewGreen {
  color: green;
}

.ewSearchOperator {
  color: maroon;
}

.ewSeparator {
  color: gray;
}

.ewRequired {
  color: red;
}

.ewAdd,
.ewInlineAdd,
.ewGridAdd,
.ewGridEdit {
  /*color: darkgreen !important;*/
}

.ewDelete {
  color: #CA0000;
}

.ewEdit {
  color: #0000A0;
}

.ewView,
.ewPrint {
  color: purple;
}

.ewCopy {
  color: #B000B0;
}

.icon-excel {
  color: #028F08;
}

.icon-word {
  color: #020F8F;
}

.icon-html {
  color: #F16428;
}

.icon-pdf {
  color: #CB0202;
}

#vPrint {
  background-color: #ffffff;
  border-radius: 4px;
}

.unSpinner {
  border-top: 12.3vw solid var(--color35);
}

.unSpinner:not(:required):before {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media (min-width: 768px) {
  .checkbox {
    background-color: inherit;
  }

  .dropdown-submenu:not(.active):hover>a,
  .dropdown-submenu:not(.active):focus>a {
    color: #262626;
    background-color: #045f94 !important;
    /*background-image: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
    background-image: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
    background-image: linear-gradient(to bottom, #eeeeee 0%, #e1e1e1 100%);
    background-repeat: repeat-x;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe1e1e1', GradientType=0);
  }

  .dropdown-submenu>a:after {
    border-color: transparent;
    border-left-color: #400080;
  }

  .dropdown-submenu:hover>a:after {
    border-left-color: #262626;
  }

  .dropdown-submenu.active:hover>a:after,
  .dropdown-submenu.active:focus>a:after {
    border-left-color: #ffffff;
  }
}