:root{
    --qm:#1358f1;
}
.btn-qm {
    background: white;
    color: var(--qm);
    border:1px solid;
    border-color: var(--qm);
    font-weight: 600;
}
.btn-qm:hover {
    background-color: var(--qm);
    color: white;
}
.btn-rqm {
    background-color: var(--qm);
    color: white;
    font-weight: 600;
    border:1px solid;
    border-color: var(--qm);
}
.btn-rqm:hover {
    background-color: white;
    color: var(--qm);
}
input:hover {
  outline: none;
  box-shadow: 0px 0px 5px var(--qm);
  border:1.5px solid var(--qm);
  border-radius:2px;
}
html::-webkit-scrollbar{
  width:10px !important;
}
html::-webkit-scrollbar-track{
  background: white !important;
}
html::-webkit-scrollbar-thumb{
  background: var(--qm) !important;
}
html::-webkit-scrollbar-thumb:hover{
  background:var(--qm) !important;
}
.select2 {
  width: 100% !important;
}
.spinner {
  position: fixed;
  z-index: 1031;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
thead{
  background-color:var(--qm);
  color:white;
}
thead th{
  font-size : 0.96rem;
}
.navbar{
    transition: all 0.5s;
    margin-bottom: 0x;
    background-color: var(--qm);
}
.navbar a{
    color: white;
}
.navbar .navbar-brand
{
  color: white;
}
.navbar .nav-link{
    position: relative;
}
.navbar .nav-link::after{
    content: '';
    opacity: 0;
    transition: all 0.3s;
    height: 2px;
    width: 100%;
    background-color: black;
    position: absolute;
    bottom: 0;
    left: 0;
}
.navbar .nav-link:hover::after{
    opacity: 1;
}
.modal-header-back{
  background-color: var(--qm);
}
.modal-body-back{
  background: #faf8ff;
}
.icon-color{
  color: var(--qm);
}