:root {
  --primary: #f37d42;
  --primary-dark: #163d5a;
  --primary-light: #d1e5f1;
  --primary-medium: #57ade1;
  --white: #ffffff;
  --secondary: #222222;

  /*============ 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: #ff0000;
  --chat-recieved-bg: var(--primary-dark);
  --chat-button-hover-bg: var(--primary-dark);
}


/*===========================
	Bootstrap
=============================*/
a {
  color: var(--secondary);
}

.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: inherit;
  background-color: transparent;
}

.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);
}

.nav-tabs .nav-link.active,
.nav-tabs .show>.nav-link {
  color: var(--primary-dark);
  background-color: var(--primary-light);
}

.line-tabs-pills .nav-link.active {
  color: var(--primary);
  background: none;
  border-bottom-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(--secondary);
}

.nav-item-box:hover,
.nav-item-box:focus,
.nav-item-box.active {
  color: var(--primary);
}

.dash-tile {
  /*border: 2px solid var(--secondary);*/
  color: var(--secondary);
  box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 25%);
}

.dash-tile:hover,
.dash-tile:focus {
  /*color: var(--primary);*/
  background: var(--primary-light);
  border-color: 0px solid var(--primary);
}

.dash-tile:hover .dash-tile-icon,
.dash-tile:focus .dash-tile-icon {
  /*color: var(--primary) !important;*/
}

.dash-tile-icon {
  background: none;
  color: var(--primary-medium);
}

.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);
}

.topbar-tabs {
  background: var(--primary-light);
}