/* -- General --*/
body{
  font-family: "Poppins";
  background-color: #F6F8FA;
}
a{
  font-family: "Poppins";
  color: #3b61aa;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}

/* -- Login --*/
.account-body.accountbg {
  background-image: url("../images/bg-peruri.png");
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.04);
}

.account-body .auth-header-box {
  background-color: #fff;
}
.account-body .auth-header-box h4 {
  color: #333;
  font-weight: bold;
}
.field-icon {
  margin-left: -14px;
  margin-top: 12px;
  position: relative;
  z-index: 3;
  border-radius: 0.25rem;
}
.fa-eye::before {
  content: "\f06e";
  /*margin-left: -24px;*/
  color: #3b61aa;
}
.fa-eye-slash::before {
  content: "\f070";
  /*margin-left: -24px;*/
  color: #3b61aa;
}
.fa-eye-login::before {
  content: "\f06e";
  margin-left: -24px;
  color: #3b61aa;
}
.fa-eye-slash-login::before {
  content: "\f070";
  margin-left: -24px;
  color: #3b61aa;
}

/* -- Colors --*/
.bg-main-1 {
  background-color: #0c0d68 !important;
}
.bg-main-2 {
  background-color: #201e7f !important;
}
.bg-main-3 {
  background-color: #4b4bad !important;
}

/* -- Navbar --*/
.topbar .navigation-menu > li > a {
  font-weight: 500;
}
.topbar .navigation-menu > li > .active span .hori-menu-icon {
  color: #3b61aa;
  fill: rgba(23,97,253,0.12);
}
.navbar-role{
  position: absolute;
  left: 16px;
  top: 14px;
  font-size: 10px;
  color: #68728c;
}
.role-position{
  margin-top: -6px;
}
.role-position img {
  margin-top: 12px;
}
.dropdown-menu {
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  margin: 0;
}
.ic-dropdown{
  font-size: 6px: 
}

/* -- Dashboard --*/
.page-title span{
  color: #3b61aa;
  font-weight: 600;
}
.profile-area img{
  width: 100px;
}
.profile-area h4{
  font-weight: 600;
  margin-top:16px !important;
}

/* -- Card --*/
.card{
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(8, 21, 66, 0.05);
  border: none;
}
.profile-greeting{
  background-image: url(../images/dashboards/bg-profile.jpg);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.card .card-header:first-child {
  border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}
.list-number{
  width: 36px;
}
.nav.nav-tabs .nav-item.show:focus, .nav.nav-tabs .nav-item.show.active, .nav.nav-tabs .nav-link:focus, .nav.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #3b61aa;
  border-color: transparent transparent #3b61aa;
}

/* -- Images --*/
.thumb-xxs {
  height: 22px !important;
  width: 22px !important;
  margin-right: 4px;
}

/* -- Buttons --*/
.btn-primary:hover {
  color: #fff;
  background-color: #294b8a;
  border-color: #294b8a;
}

/* -- Modal --*/
.modal-content .modal-header, .modal-content .modal-footer {
  /*border-color: #fff;
  background-color: #fff;*/
}
.modal-body{
  background: #fff;
}
.img-modal{
  width: 180px;
}
.mt-6 {
  margin-top: 3.3rem !important;
}
.b-sidebar-body ul li {
  font-size: 15px;
}
.b-sidebar-body .feather {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.b-sidebar-body a {
  color: #68728c;
}
.dropdown-item:hover, .dropdown-item:focus {
  border-radius: 5px;
}
body[data-layout="horizontal"] .page-wrapper {
  width: 100% !important;
}
body[data-layout="horizontal"] .footer .boxed-footer {
  width: 100% !important;
}
.page-title-box{
  padding: 16px;
}
.opacity-0{
  opacity: 0;
}
.opacity-1{
  opacity: 0.2;
}
.opacity-2{
  opacity: 0.4;
}
.opacity-3{
  opacity: 0.6;
}
.opacity-4{
  opacity: 0.8;
}
.opacity-5{
  opacity: 1;
}

.text-icon{
  position:absolute; 
  top:20%; 
  left:40%;
}

.border-grey {
  border-color: 1px solid rgba(60,60,60,.26) !important;
}

#QRprint table {
  margin-left:auto; 
  margin-right:auto;
}

/* -- Media query --*/
@media (max-width: 1499.98px){
  body[data-layout="horizontal"] .topbar {
    position: fixed;
  }
}
@media (min-width: 2000px){
  .text-icon{
    position:absolute; 
    top:20%; 
    left:30%;
  }
}