/* hunghv */ 
.player-icon:before{
  content: " ";
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: cover;
}
.myAudioControl{
    min-height: 25px;
}
.myAudioControl.player-icon:before{
  background-image: url(../images/player-icon.png);
}
.myMainAudioControlNext,
.myMainAudioControlBack{
    margin: 0 10px;
}
.myMainAudioControlNext.player-icon:before{
  background-image: url(../images/next-page.png);
}
.myMainAudioControlBack.player-icon:before{
  background-image: url(../images/back-page.png);
}
.myMainAudioPlayNext.player-icon:before{
  background-image: url(../images/next-icon.png);
}
.myMainAudioPlayBack.player-icon:before{
  background-image: url(../images/back-icon.png);
}
.myMainAudioControl:before{
    font-size: 20px;
}
#myunit, #myDouble, #myDelay, #myAutoUnit, #myAuto{
    margin: 5px;
}
.player-bar{
    background-color: #000000cc;
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
#words-content{
    padding-bottom: 50px;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#share-buttons img {
    width: 35px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
    display: inline;
}
.btn input[type="checkbox"]{
    display:none;
}
.btn{
    padding:3px;
    margin-right:5px;
}
.menu li{
    margin:2px;
}
#lesson, #lessonGroup, #lessonCategory{
    width: 100px;
}
#words-player{
    margin-bottom: 50px;
}
#player-content{
    margin-top:-25px;
}
#player-content .sm2-main-controls{
    display:none;
}
#player-content a{
    margin: 5px;
}
#player-content .selected a{
    font-size: 20px;
    text-decoration: underline;
}
img {
	max-width: 100%;
}
.gglcptch{
	height: 125px;
}
.post_content ul li {
    display: list-item;
    text-align: -webkit-match-parent;
	color: #333;
}
.widget{
	margin-top: 20px;
}
.navbar-brand {
    font-size: 40px;
}
#lst-bestsub li{
	display: none;
}
#lst-bestsub li.show{
	display: list-item;
}
#lst-bestsub .sub-origin{
	font-weight: bolder; 
}
#lst-bestsub .subEng{
	background-color: #f9f9f9;
}
#lst-bestsub .subViet{
	font-style: italic;
}
#lst-bestsub .subEng, 
#lst-bestsub .subViet{
	padding: 5px;
}
.post_content p iframe{
	width:560px;
}
.top-menu{
	width: 100%;
  margin-top: 0px!important;
}
.lw-d-flex{
  display: flex;
  align-items: center;
}
.lw-d-flex.center{
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
table th{
  text-align: left;
}
table td {
  border-top: 1px solid #ddd;
}
table .word-line{
  background-color: #f9f9f9;
}
@media (max-width: 767px){
	.logo {
		font-size: 30px;
	}
	.nav-container{
		margin-top: -65px;
	}
	.navbar-toggle{
		top: 80px;
	}
	#s{
		padding: 5px;
		height: 30px;
	}
	.meta.nopadding{
		padding: 5px!important;
		margin-bottom: 20px;
	}
	.cat-title{
		padding-left: 20px;
		padding-top: 10px;
	}
	.page-catheader.cat-catheader{
		margin: 0px;
	}
}
/* end of hunghv */