:root {
  --primary: #144e42;
  --primary-dark: #163d5a;
  --primary-light: #d6f3ed;
  --white: #ffffff;
  --secondary: #00b58c;

  /*============ Video Player ===========*/
  --plyr-color-main: var(--primary);

  /*============ Swiper ===========*/
  --swiper-navigation-color: var(--primary);
  --swiper-theme-color: var(--primary);

  /*============ Chat ===========*/
  --chat-toolbar-bg: var(--primary);
  --chat-sent-bg: var(--primary);
  --chat-button-bg: var(--primary);
  --chat-unread-bg: var(--primary);
  --chat-recieved-bg: var(--primary-dark);
  --chat-button-hover-bg: var(--primary-dark);
}


/*===========================
	Bootstrap
=============================*/
a {
  color: #000000;
}
.dashboard-tile-content a {
    color: #000;
}
.btn-primary {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  color: var(--white);
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: none;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--primary);
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-link {
  color: var(--primary);
  background-color: transparent;
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--white);
  background-color: var(--primary);
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--white);
  background-color: var(--primary);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: var(--primary);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary);
}
.custom-range::-webkit-slider-thumb {
  background-color: var(--primary);
}
.custom-range::-moz-range-thumb {
  background-color: var(--primary);
}
.custom-range::-ms-thumb {
  background-color: var(--primary);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--white);
  background-color: var(--primary);
}
.page-link {
  color: var(--primary);
  background-color: var(--white);
  border: var(--primary);
}
.page-item.active .page-link {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.page-item.active .page-link {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.badge-primary {
  color: var(--white);
  background-color: var(--primary);
}
.progress-bar {
  color: var(--white);
  background-color: var(--primary);
}
.list-group-item.active {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.list-group-item.active {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
.bg-primary {
  background-color: var(--primary) !important;
}
.border-primary {
  border-color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}




/* ================================
	Application
================================== */
.bg-primary-light{
	background: var(--primary-light);
}
/*a{
	color: #000000;
}*/
.dashboard-tile-content a {
    color: #000;
}
a:hover {
	color: var(--primary);
}
.icon-btn.btn-nobg{
	color: var(--primary);
}
.icon-btn.btn-nobg:hover{
	color: var(--primary-dark);
}
.modal-content .close {
    background: var(--primary);
    color: var(--white);
}
input:checked + .switch-checkbox-slider {
  background-color: var(--primary);
}
input:focus + .switch-checkbox-slider {
  box-shadow: 0 0 1px var(--primary);
}
ul.timeline > li:before {
    background: var(--white);
    border: 4px solid var(--primary);
}
.header-icon-item .header-icon-link {
    color: var(--primary);
}
.nav-item-box{
	color: var(--primary);
}
.nav-item-box:hover,
.nav-item-box:focus,
/*.nav-item-box.active*/{
	color: var(--primary-dark);
}
.dash-tile {
    border: 2px solid var(--primary);
    color: var(--primary);
}
.dash-tile:hover, .dash-tile:focus{
    color: var(--primary-dark);
}
.dash-tile-icon{
	background: none;
    color: var(--primary);
}
.dashboard-tile-icon-count .tile-icon {
    background: var(--primary);
}
.dashboard-tile-icon-count .tile-icon-count {
    color: var(--primary);
}
.btn-date-time.selected,
.btn-date-time:hover,
.btn-date-time:focus{
	color: var(--white);
	background: var(--primary);
}
.fotorama__nav__frame.fotorama__active .fotorama__thumb{
	border-color: var(--primary);
}
.fotorama__arr{
    background-color: var(--primary) !important;
}
.fotorama__fullscreen-icon{
    background-color: var(--primary) !important;
}



.filter-form input, .filter-form select, .filter-form select:focus,
.filter-form .multiselect-native-select button.multiselect{
	background: var(--primary-light);
    border-color: var(--primary-light);
}
.cust-badge{
	background: var(--primary-light);
    border-color: var(--primary-light);
}
.grid-view .card-view-item:hover{
	background: var(--primary-light);
}
.sectorbadgelist .badge{
    background-color: var(--secondary);
}
.user-profile-list .grid-view .grp-box, .profile-top .user-info .grp-box,
.user-details .grp-box, .mini-profile-block .grp-box{
    background-color: var(--secondary);
}
.meeting-list-date-time {
    background: var(--primary);
}

#sidebar-menu,
#sidebar-menu .nav-subitems{
	background: var(--primary);
}
.nav-item-box{
	color: var(--white);
}
.nav-item-box:hover,
.nav-item.active .nav-item-box.level-1,
.nav-item.active .nav-subitem:hover .nav-item-box.level-2{
	color: var(--primary-dark);
}