.main-pageHeader {
  background-color: #ffffff;
}

body {
  color: #4d4d4f;
  background-color: #ffffff;
}
a {
  color: #007acc;
  text-decoration: none;
}
a:hover {
  color: #1f5b9c;
  text-decoration: none;
}
.navbar-toggle {
  background-color: #ccc;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}

.footer {
  background-color: #007acc;
  color: #ffffff;
}

.footer a {
  color: #ffffff;
}

.footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.invalidInput {
  border-color: #e81123;
  border-left: 4px solid #d04437;
}

.validationMessage {
  color: #d04437;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #007acc;
  border-color: rgb(211, 211, 211); /* #D3D3D3 */
  border-bottom-color: transparent !important;
  border-top: 2px solid #007acc;
}

/****************Login Page*******************/
.layer {
  background-color: #f2f2f2;
}
.login-Info {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #f1f1f1;
}
.notificationBlock {
  background-color: #fff;
}
.authenticationMessage {
  color: #6e6e6f;
}
.criticalAlert {
  border: 1px solid #d04437;
  border-left: 40px solid #d04437;
}
.warningAlert {
  border: 1px solid #f6c342;
  border-left: 40px solid #f6c342;
}
.infoAlert {
  border: 1px solid #3572b0;
  border-left: 40px solid #3572b0;
}
.notificationBlock #SuccessMessage.generalErrorMessage:before {
  background: url('../../../../images/common/success-icon.png');
  height: 20px;
  width: 20px;
}
.criticalAlertSuccess {
  border: 1px solid #1eab29;
  border-left: 40px solid #1eab29;
}
/******************** Button**********************/
.btn-primary {
  color: #fff;
  background-color: #007acc;
  border-color: #2e6da4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #1f5b9c;
  border-color: #1f5b9c;
}
.btn-link {
  font-weight: normal;
  color: #007acc;
  border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
  color: #1f5b9c;
}
.btn-success,
.fullScreen {
  background-color: #5cb85c;
  color: #fff;
  border-color: #4cae4c;
}

.fullScreen:hover,
.btn-success:hover,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus,
.btn-success:active,
.btn-success.active,
.btn-success:focus,
.btn-success.focus,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
}
/**********************MenuBar***************************/
.menuHead-Nav {
  background-color: #007acc;
}

.mainmenu-navbar ul a {
  color: #fff;
}

.mainmenu-navbar ul .secondlevel-menu a {
  color: #4d4d4f;
}

li.secondlevel-menuItem:hover a.nav-link,
li.secondlevel-menuItem.activated a.nav-link {
  color: #007acc;
  text-decoration: none !important;
}
.thirdlevel-menu li.activated a {
  color: #007acc !important;
}

@media (min-width: 768px) {
  .nav-item.parent.open {
    background-color: #fff;
    border-top: 2px solid #007acc;
  }
  .nav-item.parent.open .firstlevel-menuItem {
    color: #007acc;
  }
  .nav-item.parent.open .firstlevel-menuItem svg path {
    fill: #007acc !important;
  }
  .parent:hover {
    background-color: #1f5b9c;
    color: #ffffff;
  }
  ul.userHead-Nav li a {
    color: #4d4d4f;
  }
  /*ul.userHead-Nav li.open a.dropdown-toggle,*/
  ul.userHead-Nav li.active a.dropdown-toggle,
  ul.userHead-Nav li a:hover {
    color: #007acc;
    background-color: #fafafa;
  }

  .thirdlevel-menu li.activated a {
    background-color: #f2f2f2;
    color: #007acc !important;
  }
  .thirdlevel-menu li a:hover {
    background-color: #fff;
    color: #007acc !important;
  }
}

@media (max-width: 767px) {
  .customNavbar-toggleMenu {
    background-color: transparent !important;
  }
  .customNavbar-toggleMenu .icon-bar {
    background-color: #007acc !important;
  }
  .customNavbar-toggleUser {
    background-color: transparent !important;
    color: #007acc !important;
  }
  .customNavbar-toggleUser:hover {
    color: #00558e !important;
  }
  .customNavbar-toggleMenu:hover .icon-bar {
    background-color: #00558e !important;
  }
  .menuHead-Nav {
    background-color: #ffffff;
    box-shadow: rgb(204, 204, 204) 1px 2px 10px -2px;
  }

  .mainmenu-navbar ul a {
    color: #4d4d4f;
  }

  .mainmenu-navbar ul li.nav-item.parent.open a.firstlevel-menuItem {
    color: #007acc;
  }

  .nav-link:hover,
  .thirdlevel-menu li a:hover {
    color: #007acc !important;
    background-color: #f5f5f5;
  }
}

/***************************MenuBar Ends*********************************/

.breadcrumb-bar {
  /*background-color: #efefef;*/
  background-color: #e5f1f9;
  border-bottom: 1px solid #eee;
}
.breadcrumb-item a,
.breadcrumb-item a:hover {
  cursor: default;
  color: #777;
}
.breadcrumb-item.active a {
  cursor: pointer;
  color: #007acc;
}

.breadcrumb-item.active:hover a {
  cursor: pointer;
  color: #1f5b9c;
  text-decoration: underline;
}
.searchBlock,
.executionBlock {
  background-color: #f8f8f8;
}

.filterCollapse {
  color: #6e6e6e;
}

.showHidefilter,
.showHidefilter:active,
.showHidefilter:focus,
.showHidefilter:visited {
  color: #81c784;
}
.showHidefilter:hover {
  color: #5a8b5c;
}

/**************Custom ScrollBar***************/

/************Default custom************/
::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #9e9e9e;
  cursor: pointer;
  border-radius: 8px;
}
/*******************Component Custom ScrollBar**************************/

.menuHead-Nav::-webkit-scrollbar-track,
main ::-webkit-scrollbar-track,
.customModal-multiselect-dropdown::-webkit-scrollbar-track,
.select2-results::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(211, 211, 211, 0.4);
  background-color: #fafafa;
}

.menuHead-Nav::-webkit-scrollbar,
main ::-webkit-scrollbar,
.customModal-multiselect-dropdown::-webkit-scrollbar,
.select2-results::-webkit-scrollbar {
  width: 6px;
  background-color: #fafafa;
}

.menuHead-Nav::-webkit-scrollbar-thumb,
main ::-webkit-scrollbar-thumb,
.customModal-multiselect-dropdown::-webkit-scrollbar-thumb,
.select2-results::-webkit-scrollbar-thumb {
  background-color: #007acc;
  cursor: pointer;
}
/****************Component Custom ScrollBar Ends*****************/

/***************************Grid**********************************/
.table-hover > tbody > tr:hover {
  background-color: #e5f1f9;
  cursor: default;
  color: #4d4d4f !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #007acc;
  border-color: #007acc;
}

.bootstrap-dialog.type-primary .modal-header {
  background-color: #007acc;
}

#actions .dropdown-menu > li > a:hover,
#actions .dropdown-menu > li > a:focus {
  background-color: #e5f1f9;
}

.customHeader-border button.btn-link {
  color: #007acc;
}

.customHeader-border button.btn-link:hover {
  color: #1f5b9c;
}

/*****************REPORTS Screen*************************/

.report-MainMenu
  ul.parent-1level
  li.child-1level:hover
  ul.parent-2level
  li.child-2level:hover
  a {
  background-color: #e5f1f9;
}

/*******************************POS LAYOUT*******************************/
.pos-SubMenuItems:hover,
.pos-mainMenuItems:hover {
  background-color: #f2f2f2;
  color: #007acc !important;
}

.defaultSelected-POSmenu {
  color: #fff !important;
  background-color: #007acc !important;
}

.defaultSelected-POSmenu:hover {
  background-color: #1f5b9c !important;
  color: #ffffff !important;
}