.svg_style{
		cursor: pointer;
	}


	.svg_txt_style{
		cursor: pointer;
		font-size: 13px;
		-webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -o-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
	.timeline_class{
		/*width: 900px;
		height: 1px;
		background: black;
	  margin-left: 18px;*/
	}
	.grey_track_class{
		width: 900px;
		height: 3px;
		background: grey;
	  margin-left: 18px;
	}
	.playhead_class{
		width: 18px;
		height: 30px;
	  cursor: pointer;
		padding-bottom: 10px;
		/*//margin-top: 1px;changed by hameed on 17/10/2016*/
	  background: url('./assets/images/phead.png') no-repeat;
		 position: absolute;
		 z-index: 1;
	}
	#timeline{
		/*width: 900px;
		height: 1px;
		background: black;
	  margin-left: 18px;*/
	}

	#playhead{
		width: 18px;
		height: 30px;
	  cursor: pointer;
		margin-top: 1px;
	  background: url('./assets/images/phead.png') no-repeat;

	}
	.lgtitle_style{
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 20px;
	  color: #1c1b1b;
	  text-align: center;
	  width: 18%;
	    float: left;
	  padding-left: 8px;
	  padding-top: 20px;
	}
	.lgtitle_user_style{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		padding-bottom: 4px;
		text-decoration: none;
		border-bottom: 3px solid #761413;
		display: table-cell;
		/*float: left;*/
		color: #000000;
		text-align: left;
		padding-top: 10px;/*20px changed by hameed on 18/10/2016*/
		float: left;
		height: 38px;
	}
	.titleul_style{
		width: 100%;
		height:3px;
		/*//background: #761413;changed by hameed on 17/10/2016*/

	}
	.lgholder_style{
		/*margin-left: 20px;
		margin-right: 20px;*/
		height: 90%;
		width: 100%;
	}
	.track_shadow_style{
	  /*width: 900px;
		height: 1px;
		background: grey;
	  margin-left: 18px;
		padding-bottom:1px;*/
	}
.mute_style{
	padding-top: 11px;
	width: 20px;
	height: 28px;
	cursor: pointer;
}


input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #f2f2f2;
		border: 1px solid #ffffff;
    width: 20px;
    height: 20px;
}

	.range_style {
margin-top: 8px;
	}
	input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none;
		background-color: #ecf0f1;
		border: 1px solid #bdc3c7;
		width: 15px;
		height: 2px;
		border-radius: 10px;
		cursor: pointer;
	}
	.mainview {
	  /*  height: 560px;
	    width: 950px;*/
		height: 100%;
	    width: 100%;
	    background-color: white;
	 }
	.holder_style{
		/*// height: 560px;changed by hameed on 17/10/2016*/
		/*// width: 950px;changed by hameed on 17/10/2016*/
		height: 100%;
		width: 100%;
	}
	.titlelg_style {
	    height: 40px;/*10% changed by hameed on 18/10/2016*/
	    border-style: solid;
	    border-color: white;
	    border-width: 1px;
		margin-left: 10px;
		overflow: hidden;/*added by hameed on 18/10/2016*/
	}
	.canvas_style{
		cursor: pointer;
	}

	  .playerlg_style {
	      height:1px;
	      background: linear-gradient(#E1ECEF, #FFFFFF);
	      border-style: solid;
	      border-color: white;
	      border-width: 1px;
	   }
	   .audio_div_style{
	     width: 100%;

	   }
	   .audio_player_style{
	     width: 950px;
	     background-color: #000000;
	   }
	   .player_holder_style{
	     height:100%;

	   }
	   .player_top_style{
	     /*//height:40%;changed by hameed on 17/10/2016*/

	   }
	   .player_center_style{
	     height:25%;
	     padding-left: 20px;
	     display: inline-block;
	     vertical-align: bottom;
	   }
	   .player_bottom_style{
	     height:20%;



	   }
	   .eclipse_style{
	     height: 100%;
	     border-style: solid;
			 /*//background-color: black;changed by hameed on 17/10/2016*/
	    border-color:  #b6bebf;
	  	background: linear-gradient(#E1ECEF, #FFFFFF);
	     border-width: 1px;
	     text-align: center;
	   }
	    .controlslg_style {
	        height:40px;
					width: 100%;
	        background-color: #9ED2F1;
	        border-style: solid;
	        border-color: white;
	        border-width: 1px;
	        margin: 0;
	     }
	     .img_style {
				 padding-top: 10px;
				 padding-left: 5px;
	      border: 0px;
	      margin: 0px;
	      cursor: pointer;
				width: 25px;

	      float:left;

	      }
				.tocmenu_style{
					float:left;
					padding-left: 5px;
					padding-right: 5px;
					flex-grow:1;
					color: #000000;
					cursor: pointer;
					display: table-cell;
					border-right: 1px solid #000000;
    			text-align: center;
				}

	     .toclg_style {
			/*	table-layout: fixed;*/

					display: flex;-webkit-display: flex;-moz-display: flex;-o-display: flex;-ms-display: flex;
					table-layout: fixed;
					height:5%;
					width: 100%;
					padding-top: 1px;
					background-color: #ffffff;

					 /*//float:left;changed by hameed on 17/10/2016*/
					 /*//background-color: #aeaeae;changed by hameed on 17/10/2016*/
					 border-left: 1px solid #000000;
					 border-bottom: 1px solid #000000;
					 border-right: 1px solid #000000;
					 font-size: 15px;
					 font-weight: bold;
					 color:blue;
	      }
	      .spacelg_style{
	        height: 1%;
	        background-color: white;

	      }
	     .contentlg_style {
	    			height:210px;
					
					overflow-y: scroll;
					 width: 100%;
					 float: left;
					 border-left: 1px solid #000000;
					 border-bottom: 1px solid #000000;
					 border-right: 1px solid #000000;
	      }
				.left_pan_time_style{
					float: left;
					height: 100%;
					width: 15%;
					background-color:#ffffff;
				}
				.anotation_style{
					margin-left: 20px;
					margin-top: 10px;
					margin-right: 20px;
					font-family: arial, sans-serif;
					color:#5D4B5C;
					font-size: 15px;
				}
				.manotation_style{
					margin-left: 40px;
					margin-top: -5px;
					margin-right: 40px;
					font-family: corier, sans-serif;
					font-size: 12px;
				}
				.leftPan_top_block{
					width: 100%;
					height: 20%;
					padding-top: 20px;
					text-align: center;
					font-weight: bold;
				}
				.leftPan_center_block{
					width: 100%;
					height: 20%;
					padding-top: 20px;

				}
				.leftPan_bottom_block{
					width: 100%;
					height: 100%;
					background: green;

				}
				.leftTitle_style{
 				 font-family: corier, sans-serif;
					font-size: 14px;
					font-weight: bold;
				}
				.leftTimer_style{

				}
				.leftPanArrwo_style{
					padding-top: 20px;
					text-align: center;
					font-weight: bold;
				}
				 .content_pan_style{

					width: 85%;
					float:right;
					height: 100%;
					background-color:#F2F2F2;
					/*//float: right;changed by hameed on 17/10/2016*/
					font-size: 20px;
	         /*//border-style: solid;changed by hameed on 17/10/2016*/
	        /*// border-color: #000000;changed by hameed on 17/10/2016*/
	        /*// border-width: 1px;changed by hameed on 17/10/2016*/
				}
				.svgdiv_style{
					/*//width: 948px;changed by hameed on 17/10/2016*/
						width: 100%;
					height: 220px;
					border-style: solid;
					border-color: #000000;
					border-width: 1px;
					background:#F2F2F2;
					/*// linear-gradient(#E1ECEF, #FFFFFF);changed by hameed on 17/10/2016*/


				}
				.svgcan_style{
					width: 100%;
					/*//height: 18%;changed by hameed on 17/10/2016*/
		      padding-left: 22px;
					/*//padding-top:60px;changed by hameed on 17/10/2016*/
					padding-bottom: 0px;
					height: 81%;
					/*border-style: solid;
					border-color: #000000;
					border-width: 1px;
					background: linear-gradient(#E1ECEF, #FFFFFF);*/
				}
				.player_panel_style{
					width: 100%;
					background-color: #aeaeae;
					height: 56px;
				}
				.svgarrow_style{
				height: 40px;
				  padding-left: 22px;
				width: 100%;

				/*border-style: solid;
				border-color: #000000;
				border-width: 1px;
				background: linear-gradient(#E1ECEF, #FFFFFF);*/
			}

			.pbarleft_style{
				float:left;
				width:20%;
				height:40px;
				background-color:#f2f2f2;
				border: 1px solid #000000;
			}
			.pbar_style{
				float:left;
				width:60%;
				height:40px;
				background-color:#f2f2f2;
				border: 1px solid #000000;
			}
.pbuttons_style{
	background-color:#f2f2f2;
	border: 1px solid #000000;
	height:40px
}
.pbarright_style{
	float:left;
	width:20%;
	padding-top:10px;
	font-size:12px;
	background-color:#f2f2f2;
	border: 1px solid #000000;
}
.column-left
{
	float: left;
	height: 40px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #f2f2f2;
	box-sizing: border-box;
	width: 200px;
}
.column-right
{
	float: right;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #f2f2f2;
	box-sizing: border-box;
	height: 40px;
	 width: 160px;
 }
.column-center
{
	display: inline-block;
	height: 40px;
	width: auto;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #f2f2f2;
	box-sizing: border-box;
	flex-grow:2;
  }
.column-range{
	float: right;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #f2f2f2;
	box-sizing: border-box;
	height: 40px;
	 width: 100px;
}

	.container_foter
	{
		width: 100%;
		height: 40px;
		display: flex;-webkit-display: flex;-moz-display: flex;-o-display: flex;-ms-display: flex;
		/*border: 1px solid #000000;*/
		 box-sizing: border-box;
	}
	hr.vertical
	{
	   width: 0px;
	   height: 80%; /* or height in PX */
	}
	.time_style{
		font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  color: #1c1b1b;
		width: 100%;
	    text-align: center;
	  padding-left: 8px;
	  padding-top: 13px;
	}
	.progbar_style{
		background-color: #761413;
		width: 0%;
		height: 100%;
	}
.columnright_fill{
	width: 100%;
	/*//height: 100%;changed by hameed on 17/10/2016*/
}
.volumebarcol_style{
	width: 80%;
	height: 100%;
	margin-left: 25px;
/*//	background-color: #ffff00;changed by hameed on 17/10/2016*/
	text-align:center;
}
.volumebarbg_style{
	width: 80%;
	height: 7px;
	margin-top: 16px;
	margin-bottom: 16px;
	cursor: pointer;
	/*//background-color: #ff0000;changed by hameed on 17/10/2016*/
	  border: 1px solid #000000;

}
.volbar_style{
	background-color: #000000;
	width: 50%;
	height: 100%;
}
.columnleft_icons{
margin-left: 10%;	
}

.table_time_block{
	width: 15%;
	float: left;
	height: 100%;
	background-color: #aeaeae;

}
.table_cont_block{
	width:85%;
	height: 100%;
	float: right;

}
.table_block{
	width: 100%;
	height: 100%;
	background-color:#F2F2F2;

}
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}




.div_spacer{
	width:100%;
	height:5px;
	background-color: blue;
}
.contentlg_style table td{
border-bottom: none !important;
border-color: #f2f2f2 !important;	
}
@media (max-width:1204px) and (min-width:1130px){
.columnleft_icons {
    margin-left: 5%;
}
}
@media (max-width:1129px) and (min-width:1060px){
.columnleft_icons {
    margin-left: 1%;
}
}
@media (max-width:1059px) and (min-width:1025px){
.columnleft_icons {
    margin-left: 1%;
}
}
#listenguide tr {
    border: none !important;
    margin: 1% 0 !important;
    float: left;
    width: 100%;
}
#listenguide td {
    border: none !important;
    padding: 0px 8px;
    font-size: 16px;
    color: #aeaeae;
    font-family: Latoregular;
        width: 100%;
    float: left;
}
#listenguide td span {
    font-size: 13px;
}
.col-md-12.col-sm-12.col-xs-12.listenguide {
    padding: 0;
}

.listenguide .col-md-3.hbox.left_sidebar section {
    padding: 0 !IMPORTANT;
}
#listenguide thead tr {
    margin: 0 !important;
    float: none;
    text-align: center;
}
#listenguide td.selected {
    color: #fff;
}
#listenguide_filter input[type="search"] {
    padding: 2px 8px;
    background-color: transparent;
    color: #aeaeae;
        border-radius: 30px;
            font-size: 12px;
    font-family: Latoregular;
    width: 100%;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aeaeae;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aeaeae;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #aeaeae;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aeaeae;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aeaeae;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aeaeae;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aeaeae;
}
#listenguide td.selected a {
    color: #fff !important;
}
#listenguide td a {
    border: none !important;

    font-size: 16px;
    color: #aeaeae;
    font-family: Latoregular;
}
#listenguide td a:hover {
    text-decoration: none;
    color: #fff;
}
#listenguide_filter label {

    float: left;
}
.listenguide > thead > tr > th {
    border-bottom: 1px solid #aeaeae !important;
    color: #aeaeae;
    font-weight: normal;
    font-size: 13px;
    font-family: Latoregular;
}
#listenguide tbody tr {
    border-bottom: 1px solid #aeaeae !important;
    padding-bottom: 5px;
}

.fl-builder-template-template-default #page {
    overflow: auto;
}

.fl-module-rich-text ul {
    margin-left: 20px;
}

.contentlg_style {
    height: 210px;
    overflow-y: scroll;
    width: 100%;
    float: left;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
html.no-js.no-svg.ng-scope.lgs-renderer {
    margin: 0 !important;
}