/*Write your custom css in this file.*/

.btn-primary {
    background-color: #19193d;
    border-color: #19193d;
}

.form-check-input:checked {
    background-color: #03ffd0;
    border-color: #03ffd0;
}
.sidebar-menu li {
    position: relative;
    margin: 0;
    background-color: #19193d;
}
.sidebar-menu {
    position: relative;
    margin: 0;
    background-color: #19193d;
}

.sidebar-menu li.active > a {
    color: #19193d !important;
    background-color: rgba(255, 255, 255, 0.2);
}

.sidebar-menu li a {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 0.8rem 1.1rem;
    margin: 0 10px;
    border-radius: 3px;
    color: #ffffff;
    z-index: 2;
    align-items: center;
    -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}

.mw100p {
    max-width: 75%;
}

/*loader*/
.circle-loader {
  margin: 10px auto;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px rgba(220, 230, 235, 0.5);
  border-top-color: #03ffd0;
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
}
.app-loader {
  width: 90px;
  height: 90px;
  margin: 30px auto;
  position: absolute;
  bottom: 45px;
  right: 5px;
  padding: 10px;
  border-radius: 50%;
  background: transparent;
}
.app-loader .loading {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #03ffd0;
  border-top-color: #19193d;
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  display: inline-block;
}
.table-loader .loading {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #03ffd0;
  border-top-color: #19193d;
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  display: inline-block;
}
#pre-loader .app-loader {
  bottom: 45%;
  right: 56%;
}
.ani-width {
  transition: width 50ms;
}
.ani-rotate-180:hover {
  transform: rotate(180deg);
  transition: all 300ms ease-out 0ms;
}
.inline-loader {
  width: 20px;
  height: 20px;
  border-radius: 50% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #03ffd0 !important;
  border-top-color: #19193d !important;
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  display: inline-block;
  padding: 0 !important;
  align-self: center;
}
.dashboard-image{
        height: 40px;
        padding-left: 2px;
}

.badge {
    display: inline-block;
    padding: 8px 14px 8px 18px;
    font-weight: normal;
    font-size: 85%;
    margin-top: 5px;
}

.rounded-5 {
    border-radius: 2px !important;
}

.bg-primary {
    background-color: #03ffd0 !important;
    color: #19193d !important;
}

.card-footer {
    background-color: #19193d !important;
    border-top: 1px solid #fff;
    padding: 10px 15px;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: #19193d!important;
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: #fff;
    font-weight: 800 !important;
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.sidebar-brand {
    background-color: #ffffff !important;
    border-bottom-color: rgba(0, 0, 0, 0.2705882353) !important;
}