/*******************
/*Demo custom CSS 
*******************/
::selection {   color: rgb(255, 255, 255); /* Text color when selected */background: #A8B972; /* Background color when selected */ }
/*******************
/*Top bar
*******************/
.topbar {
  background: #A8B972;
}

.text-danger {
    color: #A8B972 !important;
}

.topbar .navbar-header {
  background: #ffffff;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: none;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #A8B972 !important;
}

.bg-theme {
  background-color: #A8B972 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #A8B972;
  border-color: #A8B972;
}

.right-sidebar .rpanel-title {
  background: #A8B972;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #A8B972;
}

.text-themecolor {
  color: #A8B972 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #A8B972;
  color: #A8B972;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #A8B972;
}



title[_ngcontent-aqi-c2] {
    color: #A8B972 !important;
	text-decoration: none !important;
}

title[_ngcontent-aqi-c2]:hover {
	font-weight: bold;
}

/*******************
/*Buttons
*******************/
.btn-themecolor {
  background: #A8B972;
  color: #ffffff;
  border: 1px solid #A8B972;
  box-shadow: 0 2px 2px 0 rgba(168, 185, 114, 0.14), 0 3px 1px -2px rgba(168, 185, 114, 0.2), 0 1px 5px 0 rgba(168, 185, 114, 0.12);
}

  .btn-themecolor:disabled {
	box-shadow: none;
  }


  .btn-themecolor:disabled:hover {
	box-shadow: none !important;
	cursor: default;
  }


.btn-themecolor:hover {
    background: #A8B972;
    border: 1px solid #A8B972;
	box-shadow: 0 14px 26px -12px rgba(168, 185, 114, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(168, 185, 114, 0.2) !important
}



 .btn-themecolor:focus {
    background: #A8B972;
    border: 1px solid #A8B972;
    box-shadow: 0 14px 26px -12px rgba(168, 185, 114, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(168, 185, 114, 0.42);
  }

 
  .btn-themecolor.active
  {
    background: #A8B972;
  }
  
  .multiselect-dropdown .dropdown-btn .selected-item {
  background: #A8B972 !important;
}
.multiselect-item-checkbox input[type=checkbox]+div:before {
  color: #A8B972 !important;
  border: 2px solid #A8B972 !important;
}


.btn-themecolor-default {
    background: #ffffff;
    color: #67757c;
    border: 1px solid #67757c;
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
}
.btn-themecolor-default:disabled {
  box-shadow: none;
}

.btn-themecolor-default:disabled:hover {
  box-shadow: none;
  cursor: default;
  background: unset;
  color: unset;
  }

.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
  background: #A8B972 !important;
}

.btn-themecolor-border {
  color: #A8B972;
  border: 1px solid #A8B972;
  box-shadow: 0 2px 2px 0 rgba(168, 185, 114, 0.12), 0 3px 1px -2px rgba(168, 185, 114, 0.12), 0 1px 5px 0 rgba(168, 185, 114, 0.12);
}
input[type=radio], input[type=checkbox] {
  border: 1px solid #A8B972;
}

input[type=radio]:hover, input[type=checkbox]:hover, input[type=checkbox]:focus {
  border: 1px solid #A8B972;
  box-shadow: 0 2px 2px 0 rgba(168, 185, 114, 0.14), 0 3px 1px -2px rgba(168, 185, 114, 0.2), 0 1px 5px 0 rgba(168, 185, 114, 0.12);

}

.btn-themecolor-border:hover {
  background: #A8B972;
  box-shadow: 0 14px 26px -12px rgba(168, 185, 114, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(168, 185, 114, 0.2);
  border: 1px solid #A8B972;
  color: #fff;
}

.btn-themecolor-border:disabled:hover {
  box-shadow: none;
  cursor: default;
  background: unset;
  color: #A8B972;
}

.btn-themecolor-border:disabled {
  box-shadow: none;
}

.btn-themecolor-border:focus {
  background: #A8B972;
  color: #fff;
  border: 1px solid #A8B972;
  box-shadow: 0 14px 26px -12px rgba(168, 185, 114, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(168, 185, 114, 0.2);
}

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
  background: #A8B972;
}

.sidebar-nav > ul > li.active > a {
  color: #A8B972;
  border-color: #A8B972;
}

.sidebar-nav > ul > li.active > a i {
  color: #A8B972;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #A8B972 !important;
}

.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
  color: #A8B972;
}
.lighten-2 .fa {
  background: #A8B972 !important;
}
.page-item .page-link {
  color: #A8B972 !important;
}
.topbar ul.dropdown-user li a:hover {
  color: #A8B972;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #A8B972 !important;
  border-bottom: 2px solid #A8B972 !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  color: #A8B972;
}

input[type=checkbox]:checked {
  border-color: #A8B972;
}
  input[type=checkbox]:checked:before {
    color: #A8B972;
  }
.nav-pills .nav-link.active:after {
  background: #A8B972 !important;
}
.btn-link {
  color: #A8B972 !important;
}
.btn-link:focus, .btn-link:hover {
  color: #A8B972 !important;
}
.q_icon {
  color: #A8B972 !important;
}
.swal2-popup .swal2-styled.swal2-confirm {
  background: #A8B972 !important;
}
input[type=radio] {
  border : 2px solid #A8B972 !important;
}
input[type=radio]:checked:before {
  color: #A8B972 !important;
  background: #A8B972 !important;
}

.custom-day.focused {
    background-color: #A8B972 !important;
    color: #fff;
}
.quote_bit {
  background: #A8B972 !important;
  color: #fff;
}


.title {
color:#A8B972;
}

.title:hover {
text-decoration: underline;
}

input[type=checkbox]:focus{
     outline:auto !important;
  box-shadow: 1px 1px 2px rgb(168, 185, 114);
}

.btn-themecolor-border:hover {
  background: #A8B972;
  box-shadow: 0 14px 26px -12px rgb(168, 185, 114), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 205, 232, 0.42);
  border: 1px solid #A8B972;
  color: #fff;
  /*cursor: pointer;*/
}

.btn-themecolor-border:disabled {
  background: #fff !important;
  box-shadow: none !important;
  color: #A8B972 !important;
  border: 1px solid #A8B972 !important;
  cursor: default !important;
}


.message-center::-webkit-scrollbar-track {
  background-color: #eaeaea;
}

.message-center::-webkit-scrollbar-thumb {
  background-color: #A8B972 !important;
}

.message-center::-webkit-scrollbar-thumb:hover {
    background-color: #A8B972 !important;
}
.multiselect-dropdown .dropdown-btn .selected-item {
  background: #A8B972 !important;
}
.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  background: #A8B972 !important;
}

.multiselect-item-checkbox input[type=checkbox] + div:before {
  color: #A8B972 !important;
  border: 2px solid #A8B972 !important;
}
.list-group-item.pointer.active {
	background-color: #A8B972;
	border-color: #A8B972;
}
.list-group-item.active, .list-group .list-group-item.active:hover {
	background-color: #A8B972;
	border-color: #A8B972;
}


.bg-info  {
	background-color: #A8B972 !important;
}

.bg-success  {
	background-color: #A8B972 !important;
}

.accordion-bg-color {
  background-color: #A8B972 !important;
}

.text-themecolor-hover{
  color: #A8B972 !important;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: rgba(255, 255, 255, .85);
  background-color: #A8B972  !important;
}
.owl-dt-control-button-content{
  color: #A8B972  !important;
}
.progress-bar{
    background-color: #A8B972  !important;
}

.pintextclass{<br />      color: #00BCD4 !important;<br />      font-weight: bold;<br />    }<br />    .toggle-click{<br />      background-color: #00BCD4 !important;<br />   }
.pinclass{<br />      background-color: #eefdff !important;<br />    }

.body-werkmap { font-family: Arial, sans-serif; margin: 0; padding: 0; word-break: break-all; } .h1-styling-werkmap { background-color: #003269; color: #FFFFFF; text-align: center; padding: 15px; margin: 10px 10px 10px 10px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .h2-styling-werkmap { color: #003269; text-align: left; padding: 15px; margin: 10px 10px 10px 10px; } .h3-styling-werkmap { color: #003269; text-align: left; margin: 15px 10px 20px 0px; } .card-container-werkmap { display: flex; margin: 0 10px 10px 10px; } .card-werkmap { background-color: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); width: 100%; } .card-grid-werkmap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } @media (max-width: 1024px) { .card-grid-werkmap { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .card-grid-werkmap { grid-template-columns: 1fr; } } .card-row-werkmap { display: flex; flex-direction: column; } .card-label-werkmap { font-weight: bold; color: #003269; margin-bottom: 5px; } .card-value-werkmap { color: #333; word-wrap: break-word; }