/*========================================================
        DARK LAYOUT
=========================================================*/
.form-control::placeholder {
  font-size: 0.85rem;
  color: rgba(34, 41, 47, 0.4);
  transition: all .2s ease; }

.form-control:focus::placeholder {
  transform: translate(5px);
  transition: all .2s ease; }

.form-control:focus ~ .form-control-position i {
  color: #7367f0; }

/* Form specific Scss */
label {
  color: #464646;
  font-size: 0.85rem;
  margin-bottom: 0;
  padding-left: 0.2rem; }

textarea.form-control {
  line-height: 1.6rem;
  font-size: 1rem; }

.form-group {
  margin-bottom: 1rem; }

.form-control {
  border: 1px solid #c8c9ce;
  color: #2a2a2a;
  }

.btn:focus, .btn.focus, .btn:active, .btn.active {
  outline: none;
  box-shadow: none !important; }

.card {
  margin-bottom: 00px;
  border: none;
  border-radius: 0.5rem!important;
  transition: all .3s ease-in-out;
}
.card .card-subtitle {
  margin-top: .5rem; }
.card .card-title {
  font-weight: 500;
  letter-spacing: 0.05rem;
  font-size: 1.32rem;
  margin-bottom: 0.5rem; }
.card .card-bordered {
  border: 1px solid rgba(0, 0, 0, 0.125); }
.card .card-img {
  object-fit: cover; }
.card .card-img-overlay {
  border-radius: 0.25rem; }
.card.card-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto; }
.card .card-body[class*='border-bottom-'] {
  border-bottom-width: 2px !important; }
.card .card-img-overlay.bg-overlay {
  background: rgba(0, 0, 0, 0.45); }
.card .card-img-overlay .text-muted {
  color: #1e1e1e !important; }
.card.card-minimal {
  border: none;
  box-shadow: none; }
.card .card-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: none;
  padding: 0;
  background-color: transparent;
  }
.card .card-header .card-title {
  margin-bottom: 0; }
.card .card-header .heading-elements,
.card .card-header .heading-elements-toggle {
  background-color: inherit;
  position: absolute;
  top: 17px;
  right: 21px;
  cursor: pointer; }
.card .card-header .heading-elements.heading-top-elements .page-item,
.card .card-header .heading-elements-toggle.heading-top-elements .page-item {
  display: inline-block; }
.card .card-header .heading-elements a,
.card .card-header .heading-elements-toggle a {
  padding: 0;
  padding-left: 8px; }
.card .card-header .heading-elements a.btn,
.card .card-header .heading-elements-toggle a.btn {
  padding-top: 6px;
  padding-bottom: 6px; }
.card .card-header .heading-elements a[data-action="collapse"] i,
.card .card-header .heading-elements-toggle a[data-action="collapse"] i {
  transition: all .25s ease-out;
  display: inline-block; }
.card .card-header .heading-elements a[data-action="collapse"].rotate i,
.card .card-header .heading-elements-toggle a[data-action="collapse"].rotate i {
  transform: rotate(-180deg); }
.card .card-footer {
  border-top: 1px solid #dae1e7; }