:root {
  --primary: #1767b1;
  --primary-dark: #0e467a;
  --primary-light: #d4e4f6;
  --primary-extra-light: #ffe2e3;
  --primary-medium: #cf3f44;
  --white: #ffffff;
  --secondary: #c71d23;

  /*============ 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-toolbar-text: var(--white);
  --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);
}

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

.bg-primary-dark {
  background-color: var(--primary-dark) !important;
}

/* ================================
	Sidebar
================================== */


#sidebar-menu {
  background: var(--primary-dark);
}

.sidebar-nav .nav-item.active .nav-item-box.level-1,
.sidebar-nav .nav-item.active .nav-subitem.active .nav-item-box {
  background: var(--primary);
  color: var(--primary-dark);
}

.nav-subitems {
  background: var(--primary);
}

#sidebar-menu.sidebar-menu-dark {
  background-color: var(--primary);
}

#sidebar-menu.sidebar-menu-dark .nav-item-box,
#sidebar-menu.sidebar-menu-dark .nav-item-icon {
  color: var(--white);
}

#sidebar-menu.sidebar-menu-dark .nav-item-box:hover,
#sidebar-menu.sidebar-menu-dark .nav-item-box:focus,
#sidebar-menu.sidebar-menu-dark .nav-item-box.active {
  color: var(--white);
}

#sidebar-menu.sidebar-menu-dark .nav-item.active .nav-item-icon {
  color: var(--primary);
}

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

#sidebar-menu.sidebar-menu-dark .nav-subitems {
  background: var(--white);
}

#sidebar-menu.sidebar-menu-dark .nav-subitems .nav-item-box {
  color: var(--primary-dark);
}

#sidebar-menu.sidebar-menu-dark .nav-item.active .nav-subitem.active .nav-item-box {
  background: rgba(0, 0, 0, 0.1);
}



/* ================================
	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(--white);
}

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


.dash-tile {
  border: 2px solid #222222;
  color: #222222;
  box-shadow: none;
  /*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: #222222;
}

.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: #f5f5f5;
  border-color: #f5f5f5;
}

.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(--primary-light);
  color: var(--primary-dark) !important
}

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


/* ====================== Pattern ======================= */
#content-main {
  background: #f5f5f5;
}

.page-heading,
.sub-heading,
.sub-heading.text-dark {
  /*color: var(--primary-dark) !important;*/
}

.login-box .panel-title-heading {
  color: var(--primary-dark);
}

.dashboard-tile-view-more {
  background-color: var(--primary-dark);
}

.dashboard-tile-view-more a {
  color: #ffffff;
}

.bg-primary-dark .sub-heading.text-dark {
  color: var(--white) !important;
}

/* .company-list .grid-view .company-name {
  color: var(--primary);
} */

/* .icon-btn.btn-nobg .fa-bookmark,
.icon-btn.btn-nobg .fa-bookmark:hover,
.icon-btn.btn-nobg .fa-star,
.icon-btn.btn-nobg .fa-star:hover {
  color: #d4a01c;
} */


/* body.account-login {
  background-image: url(./images/pattern-1.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 280px;
  background-attachment: fixed;
}

.dashboard-tile {
  background-image: url(./images/pattern-1-top-right.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100px;
}

.meeting-list-item {
  background-image: url(./images/pattern-1.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100px;
  padding-right: 35px;
  background-color: var(--primary-extra-light);
}

.dash-tile {
color: var(--secondary);
box-shadow: 0px 0px 7px -2px rgb(0 0 0 / 25%);
background: var(--primary-extra-light);
background-image: url(./images/pattern-1.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 60px;
padding-right: 30px;
}

*/
/*.modal-content:before{
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url(./images/pattern-1-top-left.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 150px;
  background-attachment: fixed;
}*/
/* .modal-content {
  background-image: url(./images/pattern-1.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 150px;
  background-attachment: fixed;
} */