/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'Conv_vishwamohini';
	src: url('vm_font/notations/MyScriptFont_gdi.eot');
	src: url('vm_font/notations/MyScriptFont_gdi.eot?#iefix') format('embedded-opentype'),
		url('vm_font/notations/MyScriptFont_gdi.woff') format('woff'),
		url('vm_font/notations/MyScriptFont_gdi.ttf') format('truetype'),
		url('vm_font/notations/MyScriptFont_gdi.otf') format('opentype'),
		url('vm_font/notations/MyScriptFont_gdi.svg#Conv_vishwamohini') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-20AC;
}


@font-face {
	font-family:'Conv_tabla';
	src: url('vm_font/tabla/MyScriptFont_gdi.eot');
	src: url('vm_font/tabla/MyScriptFont_gdi.eot?#iefix') format('embedded-opentype'),
		url('vm_font/tabla/MyScriptFont_gdi.woff') format('woff'),
		url('vm_font/tabla/MyScriptFont_gdi.ttf') format('truetype'),
		url('vm_font/tabla/MyScriptFont_gdi.otf') format('opentype'),
		url('vm_font/tabla/MyScriptFont_gdi.svg#Conv_tabla') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-20AC;
}

.NotationsAutoComplete
{
font-family:'Conv_vishwamohini',Sans-Serif;
font-size:24px;
}

.TablaAutoComplete
{
font-family:'Conv_tabla',Sans-Serif;
font-size:24px;
}

table td.VMPnotations
{
font-family:'Conv_vishwamohini',Sans-Serif;
font-size:25px;
background-color: #E0FFFF;
width:auto;
margin: auto;
text-align:left;
border:1px solid silver;
padding:8px;
line-height:25px;
color:#333;
white-space: nowrap;
}

table td.VMPtabla
{
font-family:'Conv_tabla',Sans-Serif;
font-size:25px;
background-color: #E0FFFF;
width:auto;
margin: auto;
text-align:left;
border:1px solid silver;
padding:8px;
line-height:25px;
color:#333;
white-space: nowrap;
}


table td.VMPlyrics
{
font-size:12px;
background-color: #E0FFFF;
width:auto;
margin:auto;
text-align:left;
border:1px solid silver;
padding:8px;
font-weight : bold;
line-height: 25px;
color:#333;
white-space: nowrap;
}

table td.VMPtag
{
font-size:12px;
font-weight : bold;
width:auto;
margin:auto;
text-align:left;
border:1px solid silver;
padding:8px;
line-height:25px;
padding:8px;
line-height:25px;
color:#333;
white-space: nowrap;
}

table td.VMPwestern
{
font-size:14px;
background-color: #E0FFFF;
width:auto;
margin:auto;
text-align:left;
border:1px solid silver;
padding:8px;
line-height:25px;
font-weight : bold;
padding:8px;
line-height:25px;
color:#333;
white-space: nowrap;
}

table td.VMPwesternSel
{
font-size:14px;
background-color: #428bca;
width:auto;
margin:auto;
text-align:left;
border:1px solid silver;
padding:8px;
line-height:25px;
font-weight : bold;
padding:8px;
line-height:25px;
color:#E0FFFF;
white-space: nowrap;
}

table td.VMPSymtag
{
font-size:9px;
background-color: #E0FFFF;
width:auto;
margin:auto;
text-align:left;
border:1px solid silver;
padding:8px;
line-height:0px;
font-weight : bold;
padding:8px;
color:#333;
white-space: nowrap;
}

table td.VMPedit
{
font-size:12px;
font-weight :bold;
border: 1px solid silver;
background-color: white  ;
width:auto;
margin:10px auto;
text-align:left;
padding:8px;
line-height: 25px;
color:#333;
white-space: nowrap;
}

table td.VMPhindirowselected
{
font-family:'Conv_vishwamohini',Sans-Serif;
font-size:25px;
background-color: #428bca;
width:auto;
margin: auto;
text-align:left;
border:1px solid #E0FFFF;
padding:8px;
line-height:25px;
color:#E0FFFF;
white-space: nowrap;
}

table td.VMPtablarowselected
{
font-family:'Conv_tabla',Sans-Serif;
font-size:25px;
background-color: #428bca;
width:auto;
margin: auto;
text-align:left;
border:1px solid #E0FFFF;
padding:8px;
line-height:25px;
color:#E0FFFF;
white-space: nowrap;
}


table td.VMPenglishrowselected
{
font-size:12px;
border: 1px solid silver;
background-color: #428bca  ;
width:auto;
margin:10px auto;
text-align:left;
padding:8px;
line-height: 25px;
color:#E0FFFF;
}

ul.auto-list { 
 display:none;position:absolute;top:0px;left:0px;border:1px solid #C0C0C0;
 background-color:#fff;padding:0px;margin:0;list-style:none;
 min-width:200px;
}
ul.auto-list>li:hover,ul.auto-list>li[data-selected=true]{background-color:#b8e1f5;}

ul.auto-list>li{border:0; cursor:default;padding:2px; padding:5px; background-repeat:no-repeat;
 background-position:center left;
}

mark{font-weight:bold; background-color: #b8e1f5;}

.slide-out-div {
z-index:10000;
padding: 5px;
width: 220px;
height:380px;
background: #f2f2f2;
border: #29216d 1px solid;
}
.notations-slide {
z-index:10000;
padding: 5px;
width: 550px;
height:auto;
background: #f2f2f2;
border: #29216d 1px solid;
}
.DivWithScroll{
height:250px;
overflow:scroll;
overflow-x:hidden;
}
.TblScroll{
height:auto;
overflow-y:auto;
}
.bckclr{
background-color:whitesmoke;
}

.verticalline {
    border-left: 2px solid black;
    height: 10px;
	width: 2px;
    position: relative;
    align: right;
    margin-right: px;
    top: 0;
}

#sidebar-wrapper {
margin-right: -250px;
right: 0;
width: 250px;
background: #f2f2f2;
position: fixed;
height: 45%;
padding : 10px;
border : 1px;
overflow: auto;
z-index: 1000;
transition: all 0.5s ease-in 0s;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-ms-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
}

#menu-toggle {
top: 150px;
right: 0;
position: fixed;
z-index: 1;
}

#sidebar-wrapper.active {
right: 250px;
width: 250px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
}
.toggle {
margin: 5px 5px 0 0;
}

#quickhelp-wrapper {
margin-left:0px;
width: 0%;
background: #f2f2f2;
position: fixed;
height: 90%;
border : 1px;
overflow: auto;
z-index: 1000;
transition: all 0.5s ease-in 0s;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-ms-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
}

#quickhelp-toggle {
top: 150px;
left : 0;
position: fixed;
z-index: 1;
}

#quickhelp-wrapper.active {
left:0px;
width: 100%;
padding:10px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
}
.quickhelp {margin:0 0 5px 5px ;}
.curserpointer { cursor: pointer; }

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 20px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: #4CAF50;
    cursor: pointer;
}