a {
  color: #606060;
}

.bgPrimary {
  background: #003060 !important;
}

.bgColor4 {
  background: #e6edf7 !important;
}

.sidebarColor {
  background: linear-gradient(180deg, #003060, #375489) repeat-x !important;
  color: #fff;
}

.bodyColor {
  background-color: #e6edf7;
}

.navbarStyle {
  background-color: #e6edf7;
}

.cardHeader {
  background: #fff !important;
  color: #606060;
  border: none;
  padding: 0px !important;
}

.cardHeader h4 a {
  background: #8DA5E0;
  padding: 10px;
  width: 30% !important;
  color: white !important;
}

.cardHeader h4 a::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 40px solid #8DA5E0;
  border-right: 40px solid transparent;
  position: absolute;
  left: 30%;
  top: 0;
}

.footerStyle {
  background-color: #e6edf7;
}

.gradientBtn {
  background: linear-gradient(180deg, #003060, #375489) repeat-x !important;
  color: #fff;
}

.borderNone {
  border: none;
}

.borderColor {
  border-color: #ccc;
  margin-top: 7px;
}

.card-outline {
  border-top: 3px solid #003060 !important;
}

.sidebar-search-results .list-group>.list-group-item:first-child {
  background-color: #003060;
}

.form-control {
  font-size: 12px;
}

.fontSize {
  font-size: 12px;
}

.select2-dropdown {
  z-index: 1 !important;
}

.error {
  color: red;
  font-size: 10px;
  display: none;
}

.input-group {
  position: relative;
  margin-bottom: 10px;
}

.input-group:after {
  content: "";
  display: table;
  clear: both;
}

.input-group input {
  border: none;
  border-bottom: solid 1px #ccc;
  width: 100%;
  padding: 10px 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-size: 12px !important;
  height: 44px;
}

.input-group input:focus {
  outline: none;
  border-color: #000;
}

.input-group label {
  position: absolute;
  top: 20px;
  left: 0;
  color: #aaa;
  font-weight: 400;
  transition: transform 0.2s ease, color 0.2s ease;
  font-size: 12px;
}

.input-group label:hover {
  cursor: text;
}

.input-group input:focus+label {
  color: #000;
}

.input-group input:focus+label,
.input-group input.active+label {
  transform: translateY(-30px);
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .cardHeader h4 a::before {
    width: 40% !important;
  }

  .cardHeader h4 a {
    width: 40% !important;
  }
}

.nav-sidebar .nav-item>.nav-link {
  color: #95979b;
}

[class*=sidebar-dark-] .nav-header {
  color: #9e9e9e;
}

.borderNone {
  border: none !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
  color: #042c69;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
  color: #042c69;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4 {
  background-color: #ffffff !important;
}

/* .filter-col {
  right: 20px;
  width: 70%;
  background: #fff;
  z-index: 9;
  margin-top: -10px;
  position: revert !important;
  float: right;
} */

th.thColor {
  border: none;
  color: grey;
  font-weight: 500;
  width: 30%;
}

td.tdColor {
  border: none;
  color: rgb(73, 73, 73);
  font-weight: 300;
  text-align: left;
}

div#fluidModalRightSuccessDemo_1{
  backdrop-filter: brightness(0.5) !important;
}
.modal.fade.right.show .modal-dialog{
  animation: fadeIn 1s, slideIn .8s linear;
}
.modal.fade.right .modal-dialog{
  animation: fadeOut 1s, slideOut .8s linear;
}
@keyframes slideIn {
  0% {
    transform: translateX(400px);
    animation-timing-function: ease-out;
  }
  60% {
    transform: translateX(-30px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateX(10px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(0px);
    animation-timing-function: ease-in;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideOut {
  0% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  20% {
    transform: translateX(10px);
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateX(-30px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(400px);
    animation-timing-function: ease-in;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.8;
  }
  40% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}

#action-navbar{
  overflow: hidden;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.modal-open .modal{
  overflow-y: hidden !important;
}
.modal.right .modal-content{
  overflow: hidden;
}
button.btn.btn-primary.address-btn.py-2.px-2.font-weight-bold.text-secondary.waves-effect.waves-light {
  width: 100%;
  background-color: #e9e9e9 !important;
  border: none;
  border-radius: 0;
  justify-content: start;
  padding-left: 15px;
  margin: 15px 0px;
}
button.btn.btn-primary.address-btn.py-2.px-2.font-weight-bold.text-secondary.waves-effect.waves-light::after{
    content: "\01F892";
    margin:0 0.5em;
    display:inline-block;
    border-bottom:0 none;
    position: absolute;
    right: 20px;
}

.modal-body{
  overflow-y: auto;
}


.action-btn{
  display: flex;
  gap: 20px;
}
.action-btn a{
  margin-left: 0;
}