/**======================================================================
=========================================================================
Template Name: On-Screen Marking
Author: SRNET COMPUTERS SERVICES PVT
Support: On-Screen Marking
File: style.css
=========================================================================
=================================================================================== */
body {
  font-feature-settings: "salt";
}

:root {
  --bs-body-bg: #eceff1;
  --bs-body-bg-rgb: 236, 239, 241;
  --pc-heading-color: #343a40;
  --pc-active-background: #e9ecef;
  --pc-sidebar-background: #fff;
  --pc-sidebar-color: #616161;
  --pc-sidebar-color-rgb: 57, 70, 95;
  --pc-sidebar-submenu-border-color: var(--bs-gray-300);
  --pc-sidebar-active-color: #6610f2;
  --pc-sidebar-active-color-rgb: 102, 16, 242;
  --pc-sidebar-shadow: none;
  --pc-sidebar-caption-color: #212121;
  --pc-sidebar-border: none;
  --pc-header-background: #fff;
  --pc-header-color: #616161;
  --pc-header-shadow: none;
  --pc-card-box-shadow: none;
  --pc-header-submenu-background: #ffffff;
  --pc-header-submenu-color: #111936;
}

 {
  --pc-sidebar-active-color: #673ab7;
  --bs-blue: #2196f3;
  --bs-primary: #2196f3;
  --bs-primary-rgb: 33, 150, 243;
  --bs-primary-light: #e9f5fe;
  --bs-secondary: #673ab7;
  --bs-secondary-rgb: 103, 58, 183;
  --bs-secondary-light: #f0ebf8;
  --bs-link-color: #2196f3;
  --bs-link-color-rgb: 33, 150, 243;
  --bs-link-hover-color: #1a78c2;
  --bs-link-hover-color-rgb: to-rgb(shift-color($pc-secondary, $link-shade-percentage));
  --dt-row-selected: 33, 150, 243;
  --bs-body-bg: #eef2f6;
}
 .bg-primary-dark {
  background: #1c76da;
  color: #1c76da;
}
 .bg-secondary-dark {
  background: #542ca7;
  color: #542ca7;
}
.bg-primary-light {
    background: #d9980c;
    color: #ffffff;
}
 .pc-sidebar .pc-item.active > .pc-link,  .pc-sidebar .pc-item:focus > .pc-link,  .pc-sidebar .pc-item:hover > .pc-link {
  color: #fff;
}
 .pc-sidebar .pc-item.active > .pc-link .pc-micon i,
 .pc-sidebar .pc-item.active > .pc-link .pc-micon svg,  .pc-sidebar .pc-item:focus > .pc-link .pc-micon i,
 .pc-sidebar .pc-item:focus > .pc-link .pc-micon svg,  .pc-sidebar .pc-item:hover > .pc-link .pc-micon i,
 .pc-sidebar .pc-item:hover > .pc-link .pc-micon svg {
  color: #fff;
}
 .pc-sidebar .pc-submenu .pc-item:hover:before,  .pc-sidebar .pc-submenu .pc-item.active:before {
  background: #673ab7;
}
 .btn-link {
  --bs-btn-color: #2196f3;
  --bs-btn-hover-color: #1a78c2;
  --bs-btn-active-color: #1a78c2;
}
 .accordion {
  --bs-accordion-btn-focus-border-color: #2196f3;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
  --bs-accordion-active-color: #2196f3;
  --bs-accordion-active-bg: #e9f5fe;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232196f3'%3e%3cpath fill-rule=' evenodd' d=' M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
 .list-group {
  --bs-list-group-active-bg: #2196f3;
  --bs-list-group-active-border-color: #2196f3;
}
 .nav {
  --bs-nav-link-hover-color: #1a78c2;
}
 .nav-pills {
  --bs-nav-pills-link-active-bg: #2196f3;
}
 .pagination {
  --bs-pagination-hover-color: #1a78c2;
  --bs-pagination-focus-color: #1a78c2;
  --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
  --bs-pagination-active-bg: #2196f3;
  --bs-pagination-active-border-color: #2196f3;
}
 .progress {
  --bs-progress-bar-bg: #2196f3;
}
 .slider-selection {
  background-image: linear-gradient(to bottom, #9acffa 0, #9acffa 100%);
}
 .slider-selection.tick-slider-selection {
  background-image: linear-gradient(to bottom, #82c4f8 0, #82c4f8 100%);
}
 .swal-button:not([disabled]):hover {
  background-color: #0d8aee;
}
 .swal-button:active {
  background-color: #0d8aee;
}
 .swal-button:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(33, 150, 243, 0.29);
}
 .swal-content__input:focus {
  border-color: rgba(33, 150, 243, 0.29);
}
 .swal-content__textarea:focus {
  border-color: rgba(33, 150, 243, 0.29);
}
 .swal2-styled:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(33, 150, 243, 0.4) !important;
}
 .slider-tick.in-selection {
  background-image: linear-gradient(to bottom, #82c4f8 0, #82c4f8 100%);
}
 .pc-header .pc-head-link.head-link-primary {
  background: #d3eafd;
  color: #2196f3;
}
 .pc-header .pc-head-link.head-link-primary > i {
  color: #2196f3;
}
 .pc-header .pc-head-link.head-link-primary:hover {
  background: #2196f3;
  color: #fff;
}
 .pc-header .pc-head-link.head-link-primary:hover > i {
  color: #fff;
}
 .bg-light-primary {
  background: #d3eafd;
  color: #2196f3;
}
 .link-primary {
  color: #2196f3 !important;
}
 .link-primary:hover,  .link-primary:focus {
  color: #1a78c2 !important;
}
 .btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #2196f3;
  --bs-btn-border-color: #2196f3;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1c80cf;
  --bs-btn-hover-border-color: #1a78c2;
  --bs-btn-focus-shadow-rgb: 66, 166, 245;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1a78c2;
  --bs-btn-active-border-color: #1971b6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #2196f3;
  --bs-btn-disabled-border-color: #2196f3;
}
 .btn-outline-primary {
  --bs-btn-color: #2196f3;
  --bs-btn-border-color: #2196f3;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #2196f3;
  --bs-btn-hover-border-color: #2196f3;
  --bs-btn-focus-shadow-rgb: 33, 150, 243;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #2196f3;
  --bs-btn-active-border-color: #2196f3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2196f3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2196f3;
  --bs-gradient: none;
}
 .text-bg-primary {
  color: #ffffff !important;
  background-color: RGBA(33, 150, 243, var(--bs-bg-opacity, 1)) !important;
}
 .alert-primary {
  --bs-alert-color: #145a92;
  --bs-alert-bg: #d3eafd;
  --bs-alert-border-color: #bce0fb;
  --bs-alert-link-color: #104875;
}
 .list-group-item-primary {
  color: #2196f3;
  background-color: #d3eafd;
}
 .form-check .form-check-input.input-primary:checked {
  border-color: #2196f3;
  background-color: #2196f3;
}
 .form-check .form-check-input.input-light-primary:checked {
  border-color: #d3eafd;
  background-color: #d3eafd;
}
 .form-check .form-check-input.input-light-primary:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%232196f3' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
 .form-check .form-check-input.input-light-primary:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%232196f3'/%3e%3c/svg%3e");
}
 .form-check .form-check-input.input-primary:focus[type=checkbox],  .form-check .form-check-input.input-primary:focus[type=radio],  .form-check .form-check-input.input-light-primary:focus[type=checkbox],  .form-check .form-check-input.input-light-primary:focus[type=radio] {
  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
  border-color: #2196f3;
}
 .form-check.form-switch .form-check-input.input-light-primary:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232196f3'/%3e%3c/svg%3e");
}
 .btn-light-primary {
  background: #d3eafd;
  color: #2196f3;
  border-color: #d3eafd;
}
 .btn-light-primary .material-icons-two-tone {
  background-color: #2196f3;
}
 .btn-light-primary:hover {
  background: #2196f3;
  color: #fff;
  border-color: #2196f3;
}
 .btn-light-primary:hover .material-icons-two-tone {
  background-color: #fff;
}
 .btn-light-primary.focus,  .btn-light-primary:focus {
  background: #2196f3;
  color: #fff;
  border-color: #2196f3;
}
 .btn-light-primary.focus .material-icons-two-tone,  .btn-light-primary:focus .material-icons-two-tone {
  background-color: #fff;
}
 .btn-light-primary:not(:disabled):not(.disabled).active,  .btn-light-primary:not(:disabled):not(.disabled):active, .show >  .btn-light-primary.dropdown-toggle {
  background: #2196f3;
  color: #fff;
  border-color: #2196f3;
}
 .btn-light-primary:not(:disabled):not(.disabled).active .material-icons-two-tone,  .btn-light-primary:not(:disabled):not(.disabled):active .material-icons-two-tone, .show >  .btn-light-primary.dropdown-toggle .material-icons-two-tone {
  background-color: #fff;
}
 .btn-check:active + .btn-light-primary,
 .btn-check:checked + .btn-light-primary {
  background: #2196f3;
  color: #fff;
  border-color: #2196f3;
}
 .btn-link-primary {
  background: transparent;
  color: #2196f3;
  border-color: transparent;
}
 .btn-link-primary .material-icons-two-tone {
  background-color: #2196f3;
}
 .btn-link-primary:hover {
  background: #d3eafd;
  color: #2196f3;
  border-color: #d3eafd;
}
 .btn-link-primary.focus,  .btn-link-primary:focus {
  background: #d3eafd;
  color: #2196f3;
  border-color: #d3eafd;
}
 .btn-link-primary:not(:disabled):not(.disabled).active,  .btn-link-primary:not(:disabled):not(.disabled):active, .show >  .btn-link-primary.dropdown-toggle {
  background: #d3eafd;
  color: #2196f3;
  border-color: #d3eafd;
}
 .btn-check:active + .btn-link-primary,
 .btn-check:checked + .btn-link-primary {
  background: #d3eafd;
  color: #2196f3;
  border-color: #d3eafd;
}
 .material-icons-two-tone.text-primary {
  background-color: #2196f3;
}
 .table-primary {
  --bs-table-color: #ffffff;
  --bs-table-bg: #2196f3;
  --bs-table-border-color: #37a1f4;
  --bs-table-striped-bg: #2c9bf4;
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: #37a1f4;
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: #2598f3;
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
 .pc-header .pc-head-link.head-link-secondary {
  background: #e1d8f1;
  color: #673ab7;
}
 .pc-header .pc-head-link.head-link-secondary > i {
  color: #673ab7;
}
 .pc-header .pc-head-link.head-link-secondary:hover {
  background: #673ab7;
  color: #fff;
}
 .pc-header .pc-head-link.head-link-secondary:hover > i {
  color: #fff;
}
 .bg-light-secondary {
  background: #e1d8f1;
  color: #673ab7;
}
 .link-secondary {
  color: #673ab7 !important;
}
 .link-secondary:hover,  .link-secondary:focus {
  color: #522e92 !important;
}
 .btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #673ab7;
  --bs-btn-border-color: #673ab7;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #58319c;
  --bs-btn-hover-border-color: #522e92;
  --bs-btn-focus-shadow-rgb: 126, 88, 194;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #522e92;
  --bs-btn-active-border-color: #4d2c89;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #673ab7;
  --bs-btn-disabled-border-color: #673ab7;
}
 .btn-outline-secondary {
  --bs-btn-color: #673ab7;
  --bs-btn-border-color: #673ab7;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #673ab7;
  --bs-btn-hover-border-color: #673ab7;
  --bs-btn-focus-shadow-rgb: 103, 58, 183;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #673ab7;
  --bs-btn-active-border-color: #673ab7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #673ab7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #673ab7;
  --bs-gradient: none;
}
 .text-bg-secondary {
  color: #ffffff !important;
  background-color: RGBA(33, 150, 243, var(--bs-bg-opacity, 1)) !important;
}
 .alert-secondary {
  --bs-alert-color: #3e236e;
  --bs-alert-bg: #e1d8f1;
  --bs-alert-border-color: #d1c4e9;
  --bs-alert-link-color: #321c58;
}
 .list-group-item-secondary {
  color: #673ab7;
  background-color: #e1d8f1;
}
 .form-check .form-check-input.input-secondary:checked {
  border-color: #673ab7;
  background-color: #673ab7;
}
 .form-check .form-check-input.input-light-secondary:checked {
  border-color: #e1d8f1;
  background-color: #e1d8f1;
}
 .form-check .form-check-input.input-light-secondary:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23673ab7' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
 .form-check .form-check-input.input-light-secondary:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23673ab7'/%3e%3c/svg%3e");
}
 .form-check .form-check-input.input-secondary:focus[type=checkbox],  .form-check .form-check-input.input-secondary:focus[type=radio],  .form-check .form-check-input.input-light-secondary:focus[type=checkbox],  .form-check .form-check-input.input-light-secondary:focus[type=radio] {
  box-shadow: 0 0 0 0.2rem rgba(103, 58, 183, 0.25);
  border-color: #673ab7;
}
 .form-check.form-switch .form-check-input.input-light-secondary:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23673ab7'/%3e%3c/svg%3e");
}
 .btn-light-secondary {
  background: #e1d8f1;
  color: #673ab7;
  border-color: #e1d8f1;
}
 .btn-light-secondary .material-icons-two-tone {
  background-color: #673ab7;
}
 .btn-light-secondary:hover {
  background: #673ab7;
  color: #fff;
  border-color: #673ab7;
}
 .btn-light-secondary:hover .material-icons-two-tone {
  background-color: #fff;
}
 .btn-light-secondary.focus,  .btn-light-secondary:focus {
  background: #673ab7;
  color: #fff;
  border-color: #673ab7;
}
 .btn-light-secondary.focus .material-icons-two-tone,  .btn-light-secondary:focus .material-icons-two-tone {
  background-color: #fff;
}
 .btn-light-secondary:not(:disabled):not(.disabled).active,  .btn-light-secondary:not(:disabled):not(.disabled):active, .show >  .btn-light-secondary.dropdown-toggle {
  background: #673ab7;
  color: #fff;
  border-color: #673ab7;
}
 .btn-light-secondary:not(:disabled):not(.disabled).active .material-icons-two-tone,  .btn-light-secondary:not(:disabled):not(.disabled):active .material-icons-two-tone, .show >  .btn-light-secondary.dropdown-toggle .material-icons-two-tone {
  background-color: #fff;
}
 .btn-check:active + .btn-light-secondary,
 .btn-check:checked + .btn-light-secondary {
  background: #673ab7;
  color: #fff;
  border-color: #673ab7;
}
 .btn-link-secondary {
  background: transparent;
  color: #673ab7;
  border-color: transparent;
}
 .btn-link-secondary .material-icons-two-tone {
  background-color: #673ab7;
}
 .btn-link-secondary:hover {
  background: #e1d8f1;
  color: #673ab7;
  border-color: #e1d8f1;
}
 .btn-link-secondary.focus,  .btn-link-secondary:focus {
  background: #e1d8f1;
  color: #673ab7;
  border-color: #e1d8f1;
}
 .btn-link-secondary:not(:disabled):not(.disabled).active,  .btn-link-secondary:not(:disabled):not(.disabled):active, .show >  .btn-link-secondary.dropdown-toggle {
  background: #e1d8f1;
  color: #673ab7;
  border-color: #e1d8f1;
}
 .btn-check:active + .btn-link-secondary,
 .btn-check:checked + .btn-link-secondary {
  background: #e1d8f1;
  color: #673ab7;
  border-color: #e1d8f1;
}
 .material-icons-two-tone.text-secondary {
  background-color: #673ab7;
}
 .table-secondary {
  --bs-table-color: #ffffff;
  --bs-table-bg: #673ab7;
  --bs-table-border-color: #764ebe;
  --bs-table-striped-bg: #6f44bb;
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: #764ebe;
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: #6a3eb8;
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}