.text-left {
  text-align: left !important;
}

.color-gray{color: #999999;}
.color-blue{color: #99ddff;}
.color-violet{color: #dd99ff;}
.color-green{color: #77ff77;}
.color-orange{color: #ffaa55;}
.my_btntop {background-color: #5085D4;}
.my_copy_text {color: #A6891A;}

.bg-my {background-color: #D3BCE5; background-image: url(/design/images/bg.jpg); }


.container {background-color: #FFEC9F;}
.card-group {background-color: #FFEC9F;}
.card-header.my_card_header {background-color: #D3E3FA;}

.my_btn_link {background-color: #FFFFFF; border-color: #A6891A; color: #58198B;}
.my_btn_link:hover {background-color: #FFEC9F; border-color: #A6891A; color: #58198B;}

.my_song_link_l {background-color: #D8BCF2; border-color: #984DD5;}
.my_song_link_l:hover, .my_song_link_l:focus {background-color: #B87AEA; border-color: #984DD5;}
.my_song_link_r {background-color: #ffffff; border-color: #984DD5; color: #7439A5; font-weight: bold;}
.my_song_link_r:hover, .my_song_link_r:focus {background-color: #B87AEA; border-color: #984DD5;}
.my_song_border {border-bottom: 5px solid #D3E3FA;}

.my_song_networks_l {background-color: #ffffff; border-color: #5085D4;}
.my_song_networks_l:hover, .my_song_networks_l:focus {background-color: #7DA8E9; border-color: #5085D4;}
.my_song_networks_r {background-color: #E8F0FA; border-color: #5085D4; color: #7439A5; font-weight: bold;}
.my_song_networks_r:hover, .my_song_networks_r:focus {background-color: #7DA8E9; border-color: #5085D4;}

.my_news {color: #000000; text-decoration: none}
.my_news:hover, .my_news:focus {color: #000000; text-decoration: underline}

A.my_link {text-decoration: none}
A.my_link:hover {text-decoration: none}

.my_logo {border: 1px solid #BFAB5D;}
.footer {background-color: #FFEC9F;}

.nav-item.top_menu .nav-link.active {color: #F5E390; background-color: #7E54A0;}
.nav-item .nav-link {color: #1A478A;}

.dropdown-menu {background-color: #ffffee;}
.dropdown-item.active {color: #F5E390; background-color: #8671CB;}
.img-thumbnail {background-color: #D6E3F5;}

.btn-my {background-color: #A6891A; color: #F8F9FA;}

.page-item.active .page-link {color: #F5E390; background-color: #5085D4;}
.page-item .page-link {color: #7DA8E9;}

.mypre {font-family: "Times New Roman", Times, serif;}


#pButton {
  float: left;
}

#timeline {
  width: 90%;
  height: 2px;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.3);
}

#pButton {
  margin-top: 12px;
  cursor: pointer;
}

#playhead {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: -3px;
  background: black;
  cursor: pointer;
}

#mcplayer-container {
    min-width: 17.2rem;
    max-width: 17.2rem;
    text-align: center;
    background: #2A2C2E;
    box-shadow: 10px 5px 5px #4D4540;
    border-radius: 10px;
    border: 1px solid #B9BABC;
}
#mccover {
    min-width: 17rem;
    max-width: 17rem;
    height: auto;
    margin-bottom: 0.1rem;
    border-radius: 10px;
}

#audioPlayer {
    min-width: 17rem;
    max-width: 17rem;
}

#audioUrl {
  background: #2A2C2E;
  color: #ffffff;
  border: 1px solid #2A2C2E;
  border-radius: 10px;
}