div.login-description {
  text-align: center;
  padding-bottom: 10%;
}

img.login-image{
  max-width: 80%;
  max-height: 100px;
  text-align: center;
  margin: 0 auto;
}
.copyright.text-muted,
.footer .nav-link,
label.form-check-label,
.com-users-login__input .control-label label {
  color: white !important;
}
#remember,
.com-users-login__input .controls input {
  border: #77a4d7 solid 2px !important;
  background: rgba(255,255,255,0.6);
  padding: .6rem 1rem;
}
#remember{padding: 0;}

#password {
border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  height: 40px;
}
button.input-password-toggle {
  background: #27598e !important;
}

.form-check-input:checked[type="checkbox"] {
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

#playPauseIcon {
            position: fixed;
            top: 20px;
            left: 20px;
            font-size: 50px;
            color: white;
            background: rgba(0, 0, 0, 0.5);
            padding: 10px;
            border-radius: 50%;
            cursor: pointer;
            transition: opacity 0.3s;
      width: 1.3em;
        }
button.btn-secondary {
  background: #77a4d7 !important;
}
button.btn-primary{
  background: #27598e !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
}
button.btn-primary:hover{
  background: #77a4d7 !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
}

/* nav */
.navbar-vertical .navbar-nav > .nav-item .nav-link.active {	
	background: rgba(39, 89, 142, 0.6) !important;
}

.bg-gradient-primary {
	background-image: linear-gradient(195deg, #4786c6 0%, #26588d 100%) !important;
}

/* search */
#dt-search-0 {
  font-size: 1.1rem !important;
  border-bottom: 1px solid black !important;
  width: 10rem !important;
}

.card-header h6 {
  padding: 0 !important;
  text-align: center !important;
}

.card-profile, .card-testimonial {
  margin-top: 30px;
  text-align: center; 
}
.card-profile .btn-just-icon.btn-raised, .card-testimonial .btn-just-icon.btn-raised {
  margin-left: 6px;
  margin-right: 6px; 
}
.card-profile .card-avatar, .card-testimonial .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); 
}
.card-profile .card-avatar + .card-content, .card-testimonial .card-avatar + .card-content {
  margin-top: 15px; 
}
.card-profile.card-plain .card-avatar, .card-testimonial.card-plain .card-avatar {
  margin-top: 0; 
}
.axc-space-left  {
  margin-left: 3rem !important;
}

button.dt-button span, div.dt-button, a.dt-button, input.dt-button {
	color: white !important;
}

.card .card-header {
	background-color: transparent !important;
}

.form-control {

	border-bottom: 1px solid #d2d6da !important;
}