/* CSS Document */
.font-6 { font-size: 0.6rem; }
.font-7 { font-size: 0.7rem; }
.font-8 { font-size: 0.8rem; }
.font-9 { font-size: 0.9rem; }

.input-group-text {
  width:45px;
  text-align:center;
  display:inline-block;
}

.modal-scroll-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  width: 100%;
  height: 650px;
}

.modal-scroll-wrapper iframe {
  width: 100%;
  height: 640px;
}

.page-item.active {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}


* {
 text-shadow: 0px 0px 0 rgba(0,0,0,0.0) !important; 
}

.btn-row .btn { 
  min-width:34px;
  margin: 4px 2px;
}

button[class*="outline"] { 
  border-color: initial;
}
a[class*="outline"] { 
  border-color: initial;
}


.border-all { 
  border: 1px solid #ccc;
}
.border-bottom {
  border-bottom: 1px solid #ccc !important;
}
.border-top {
  border-top: 1px solid #ccc !important;
}
 

.data-row {
  cursor:pointer;
}

.bg-row-1 {
  background:rgba(0,0,0,0.03);
  color:#666;
}
.bg-row-1:hover {
  background:rgba(0,0,0,0.15);
  color:#222;
}

.bg-row-2 {
  background:rgba(0,0,0,0.08);
  color:#666;
}
.bg-row-2:hover {
  background:rgba(0,0,0,0.15);
  color:#222;
}

.bg-selected {
  background:rgba(182,210,152,0.8) !important;
  color:#222;
  font-weight:600;
}
.bg-selected:hover {
  background:rgba(182,210,152,1.0) !important;
  color:#222;
  font-weight:600;
}



.bg-dark {
  background-image: none;
  background-repeat: no-repeat;
}
.bg-dark {
  background-color: #eee !important;
}
.text-white {
  color: #2FA4E7 !important;
}

@media (max-width: 992px) { 
  .nav-item .fas,
  .nav-item .far {  
    width:20px;
  }
}