html body{
  /*background-color: #e0e1eb;*/
  overflow-x: hidden;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 300;

  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.page-footer {
  margin-top: auto;
}

.intro {
  /*background: url("../img/blue-grey.jpg") no-repeat center center;*/
  background-color: #f3f3f3 !important;
  /*background-color: #f5f5f5 !important;*/
  /*background-color: #8586ad !important;*/
  /*background: -webkit-linear-gradient(50deg, #a3a4c2, #646696) !important;*/
  /*background: -o-linear-gradient(50deg, #a3a4c2, #646696) !important;*/
  /*background: linear-gradient(40deg, #a3a4c2, #646696) !important;*/
  background-size: cover;
}

.top-nav-collapse {
    background-color: #f5f5f5 !important;
    /*background-color: #5c5d8a !important;*/
  /*background-color: #8586ad !important;*/
  /*background-color: #263238 !important;*/
}

.navbar:not(.top-nav-collapse) {
  /*background: transparent !important;*/
  /*background-color: #8586ad !important;*/
  background-color: #f3f3f3 !important;
  /*color: white;*/
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
      background-color: #f5f5f5 !important;
    /*background-color: #8586ad !important;*/
    /*background: #263238 !important;*/
  }
}

#intro .h6 {
  font-weight: 300;
  line-height: 1.7;
}

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

#pricing .lead {
  opacity: 0.7;
}

#pricing ul li {
  font-size: 1.1em;
}

#client .carousel-indicators li {
  background-color: #9e9e9e !important;
}

#client .carousel-indicators .active {
  background-color: #3f51b5 !important;
}

#contact .md-form input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #007bff;
  -webkit-box-shadow: 0 1px 0 0 #007bff;
  box-shadow: 0 1px 0 0 #007bff;
}

#contact .md-form input[type=text]:focus:not([readonly]) + label {
  color: #007bff;
}

#contact .md-form textarea:focus:not([readonly]) {
  border-bottom: 1px solid #007bff;
  -webkit-box-shadow: 0 1px 0 0 #007bff;
  box-shadow: 0 1px 0 0 #007bff;
}

#contact .md-form textarea:focus:not([readonly]) + label {
  color: #007bff;
}

#submit-form .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(255, 205, 200, 0.25);
}

.btn-light {
    background-color: #e9e9ea !important;
    color: #5c5d8a !important;
}

.btn-default-dark{
  background-color: rgba(115, 116, 168, 0.9) !important;
  color: #e9e9ea !important;
}

#footer-section-download{
  /*background-color: #8586ad;*/

  /*background: -webkit-linear-gradient(50deg, #a3a4c2, #646696) !important;*/
  /*background: -o-linear-gradient(50deg, #a3a4c2, #646696) !important;*/
  /*background: linear-gradient(40deg, #a3a4c2, #646696) !important;*/
}

.dar-theme-text-1{
  color: #646696;
}

.light-theme-text-1{
  color: #a3a4c2;
}

.light-theme-text-2{
  color: #b3b3cc;
}

.light-theme-text-3{
  color: #e0e0eb;
}

.light-theme-accent{
  color: #ffa668;
}

.dark-theme-accent{
  /*color: #01c872;*/
  color: #ffa668;
}

.list-group a:hover, #navbarContent > ul > li > a:hover{
  /*color: #01c872;*/
  color: #ffa668;
}

/*#navbarContent > ul > li > a{*/
  /*color: orangered;*/
/*}*/

.img-hover img{
  opacity: 0.85;
}

.img-hover img:hover{
  opacity: 1;
}


#content, #review-content{
  font-family: monospace;
  /*color: black;*/
  line-height: 19px;
  padding: 5px;
  font-size: 16px;
}

#song-review{
  padding: 10px;
}
/*prevent body scroll when modal is open*/
body.modal-open {
  overflow: hidden;
}

.modal-content{
  padding: 10px;

}

.modal-dialog .modal-content .modal-header, .modal-footer{
  border: none }

#song-alert .modal-header, #song-review .modal-header{
  background: #eaeaf1;
  color: #8182ab;
}

.linedwrap .codelines .lineno {
  font-size: 16px;

}


 /*jquery validation error msg*/
.form-group label.error {
    font-size: 12px;
    display: block;
    /*margin-top: 5px;*/
    margin-top: 43px;
    font-weight: normal;
    color: #F44336;
}

#content-error{
    margin-top: 255px;
}

#message-error{
    margin-top: 87px;
}

.c-col{
  color: #686ef4;
}

.fa-alert-size{
  font-size: 16px;
}

.form-note{
  font-size: 0.9em;
  text-align: left;
  border-bottom: dashed 3px #d9d9d9;
  padding-bottom: 15px;
  margin-bottom: 15px;

  /*font-style: italic;*/
  /*color: #375076 !important;*/
  color: #4a4a4a !important
}

/*#submit-desc p{*/
/*  !*font-size: small;*!*/
/*  font-style: italic;*/
/*  color: #375076 !important;*/
/*}*/

.privacy-sub{
  font-weight: bold;
}

#footer-terms a{
  color: #595ca3;
}

 a:hover{
  /*color: #ff9036 !important;*/
  color: #0056b3 !important;
}

 .success-msg{
   color: green;
 }

.error-msg{
  color: red;
}

#change-password .card-body{
  padding: 0 1.25em;
}

.copy-icon {
  cursor: pointer;
  transition: color 0.3s;
}

.copy-icon:hover {
  color: #007bff; /* Change to desired hover color */
}

.copy-icon:active {
  color: #0056b3; /* Change to desired click color */
}

#error-messages-password{
  font-size: 0.95em;
  margin-top: -15px;
  margin-bottom: 5px;
  color: #424242;
}

#show-password {
  user-select: none;
  margin-top: -15px;
  margin-bottom: 20px;
}

#show-password label {
  cursor: pointer;
}