html {margin:0;padding:0;width:100%;height:100%;overflow:hidden;  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}
body {margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#f3f2ee;background-image: url('/images/repeatre.svg');background-repeat: no-repeat;background-position: 50% 50%;background-size:300px 300px;}

::-webkit-scrollbar {
    display: none;
}

#logo {position:absolute;top:40px;left:28px;width:240px;}

#menu_list {position:absolute;left:28px;top:110px;}
#menu_list a {display:block;width:100%;color:#000000;font-weight:400;font-family: 'PT Sans Narrow', sans-serif;line-height:33px;font-size: 24px;text-decoration:none;margin:12px 0 8px 10px;}
#menu_list a:hover {color:#a27f3d}
#menu_list img.menu_divider {margin:10px 0 10px 0px;}
#menu .list_in_menu_container {display:none;margin:0 0 0 10px;}
#menu_list a.list_in_menu {font-weight:700;font-family: 'PT Sans Narrow', sans-serif;line-height:22px;font-size: 16px;text-decoration:none;margin:6px 0 3px 10px;}


#menu_button {position:absolute;left:20px;top:20px;z-index: 9991;width:48px;height: 48px;}
#menu {display:none;background-color:#ffffff;width:298px;height:100%;position:absolute;left:0;top:0px;z-index:9992;min-height: 600px;}
#language_switch {position:absolute;bottom:88px;left:38px;color:#7f7f7f;font-weight:700;font-family: 'PT Sans Narrow', sans-serif;line-height:25px;font-size: 22px;}
#language_switch a {color:black; text-decoration:none}
#language_switch a.current {color:#a27f3d; text-decoration:none}
#copyrights {position:absolute;bottom:40px;left:38px;color:#7f7f7f;font-weight:500;font-family: 'PT Sans Narrow', sans-serif;line-height:16px;font-size: 12px;}

#shadow {display:none;z-index:9800;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-color:#f3f2ee;}
#orient {z-index:9999;position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;background-color: #f3f2ee;;background-image:url('/images/wrong_orientation.svg');background-position:50% 57%;background-repeat:no-repeat;}

#page_container {display:none;position:absolute;background-color:transparent;width:100%;height:100%;top:0;left:0;z-index:8000;}
#page {position:absolute;background-color:white;border-radius:8px;margin:0px 0px 0px 0px;z-index:8010;opacity:0;color:black;font-weight:500;font-family: 'PT Sans Narrow', sans-serif;line-height:24px;font-size: 18px;overflow-y:scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;padding:0px;}/*overflow-y:scroll;overflow-x: hidden;*/
#page_content {margin:0 20px 0 20px;-webkit-overflow-scrolling: touch;position: relative;
height: 100%;}
#page_content h1 {display:block;font-weight:700;font-family: 'Old Standard TT', serif;line-height:31px;font-size: 28px;margin:32px 0 20px 0; padding:0px;text-align:center;}
#page_content h2 {display:block;font-weight:700;font-family: 'Old Standard TT', serif;line-height:17px;font-size: 21px;margin:27px 0 12px 0; padding:0px;text-align:center;}
#page_content h3 {display:block;font-weight:400;font-family: 'Old Standard TT', serif;line-height:13px;font-size: 13px;margin:0px 0 0px 0; padding:0px;text-align:center;color:#a27f3d;}
#page_content h4 {display:block;font-weight:400;font-family: 'Old Standard TT', serif;line-height:13px;font-size: 13px;margin:0px 0 0px 0; padding:0px;text-align:center;color:#777777;}

#page_content .archive_page_headers h1 {display:block;font-weight:700;font-family: 'Old Standard TT', serif;line-height:31px;font-size: 28px;margin:10px 0 20px 0; padding:0px;text-align:center;}
#page_content .archive_page_headers h4 {display:block;font-weight:400;font-family: 'Old Standard TT', serif;line-height:13px;font-size: 14px;margin:32px 0 0px 0; padding:0px;text-align:center;color:#777777;}

#page_content p {margin:0px 0px 8px 0px; padding:0px; font-family: 'PT Sans Narrow', sans-serif;font-style: normal;font-weight: normal;font-size: 17px;line-height: 24px;color: black;text-align: justify;word-wrap:break-word}
#page_content p a {color:#a27f3d;text-decoration:underline;}
#page_content img.help_image {margin:10px 0 20px 0;padding:3px;border:0px #ebebeb solid;}

#page_content p.repertoire_item {margin:0px 0px 10px 0px; padding:0px; font-family: 'PT Sans Narrow', sans-serif;font-style: normal;font-weight: 400;font-size: 15px;line-height: 22px;color: black;text-align:center; -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none; }
#page_content p.repertoire_item a.track_time {color:#a27f3d;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:13px;font-style:italic}
#page_content p.repertoire_item a.track_title {color:black;text-decoration:none;font-weight:300;font-family: 'PT Sans Narrow', sans-serif;font-size:20px;}
#page_content p.repertoire_item a.track_composer {color:#777777;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:15px;}
#page_content p.repertoire_item span.track_time {color:#a27f3d;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:13px;font-style:italic}
#page_content p.repertoire_item span.track_title {color:black;text-decoration:none;font-weight:300;font-family: 'PT Sans Narrow', sans-serif;font-size:20px;}
#page_content p.repertoire_item span.track_composer {color:#777777;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:15px;}
#page_content p.repertoire_item_archive {margin:0px 0px 10px 0px; padding:0px; font-family: 'PT Sans Narrow', sans-serif;font-style: normal;font-weight: 400;font-size: 15px;line-height: 22px;color: black;text-align:center}
#page_content p.repertoire_item_archive span.track_time {color:#a27f3d;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:13px;font-style:italic}
#page_content p.repertoire_item_archive span.track_title {color:black;text-decoration:none;font-weight:300;font-family: 'PT Sans Narrow', sans-serif;font-size:20px;}
#page_content p.repertoire_item_archive span.track_composer {color:#777777;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:15px;}

#page_content p.archive_item {margin:0px 0px 8px 0px; padding:0px; font-family: 'PT Sans Narrow', sans-serif;font-style: normal;font-weight: 400;font-size: 15px;line-height: 22px;color: black;text-align:center}
#page_content p.archive_item a.archive_date {color:#777777;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:12px;font-style:italic}
#page_content p.archive_item a.archive_title {color:black;text-decoration:none;font-weight:300;font-family: 'PT Sans Narrow', sans-serif;font-size:20px;}
#page_content p.archive_item a.archive_time {color:#a27f3d;text-decoration:none;font-weight:300;font-family: 'Old Standard TT', serif;font-size:14px;}


#page_content p.everyday_note {margin:0px 0px 8px 0px; padding:0px 0 10px 0; font-family: 'PT Sans Narrow', sans-serif;font-style: normal;font-weight: 400;font-size: 13px;font-style:italic;line-height: 20px;color: #000000;text-align:center}
#page_content p.statistics {margin:0px 0px 8px 0px; padding:0px 0 20px 0; font-family: 'PT Sans Narrow', sans-serif;font-style: normal;font-weight: 400;font-size: 13px;font-style:italic;line-height: 20px;color: #000000;text-align:center}

.premium {display:inline-block;width:24px;height:24px;top:1px;position:relative;}

input {width:100%;height:30px;font-weight:600;font-family: 'PT Sans Narrow', sans-serif;line-height:30px;font-size: 14px;border-radius: 3px;border:1px #a27f3d solid;padding:0px 5px 0px 5px;margin:10px 0 10px 0;/* Firefox */-moz-box-sizing: border-box;/* WebKit */-webkit-box-sizing: border-box;/* Standard */box-sizing: border-box;background-color:#ffffff;}
input.pass {width:86%;float:left;}
div.subscribe, div.everyday {width:86%;float:left;background-color:white;color:black;height:30px;font-weight:600;font-family: 'PT Sans Narrow', sans-serif;line-height:30px;font-size: 14px;border:0px;padding:0px 5px 0px 5px;margin:10px 0 10px 0;/* Firefox */-moz-box-sizing: border-box;/* WebKit */-webkit-box-sizing: border-box;/* Standard */box-sizing: border-box;}
div.subscribe a, div.everyday a {color:black;text-decoration:none;}
input.button {-webkit-appearance: none;font-weight:700;font-family: 'PT Sans Narrow', sans-serif;line-height:36px;font-size: 16px;height:40px;border:0px;background-color:#a27f3d;color:#ffffff;}
select {width:100%;height:30px;font-weight:600;font-family: 'PT Sans Narrow', sans-serif;line-height:30px;font-size: 14px;border-radius: 3px;border:1px #a27f3d solid; background-color:#ffffff;;padding:0px 5px 0px 5px;margin:10px 0 10px 0;/* Firefox */-moz-box-sizing: border-box;/* WebKit */-webkit-box-sizing: border-box;/* Standard */box-sizing: border-box;}
#new_list,#list_id{width:86%;float:left;}


.fields_links {position:relative;overflow:hidden;clear:both;width:100%; text-align:center;padding-top:25px;font-weight:300;font-family: 'PT Sans Narrow', sans-serif;line-height:25px;font-size: 15px;}
.fields_links a {color:black; text-decoration: underline}

#showPass {
float:left;
width: 40px;
height: 40px;
background-image: url('/images/view.svg');
background-size: 20px 20px;
background-position: 15px 15px;
background-repeat:no-repeat;
}

#newList {
float:left;
width: 40px;
height: 40px;
background-image: url('/images/add.svg');
background-size: 20px 20px;
background-position: 15px 15px;
background-repeat:no-repeat;
}

.start_block {position:absolute;width:100%;top:70px;left:0;display:none;}

#info_pic {width:200px;height:200px;background-size: cover;margin:0 auto 0 auto;border-radius: 8px;box-shadow: inset 0px 0px 30px 30px #000000;}
#page_content h1.info_title {color:black;font-family: 'Old Standard TT';font-style: normal;font-weight: bold;font-size: 28px;line-height: 31px;text-align: center;width:100%;margin:25px 0 13px 0;}
#page_content p.info_text {width:100%;text-align:center;margin:0px auto 0 auto;'PT Sans Narrow', sans-serif;font-style: normal;font-weight: normal;font-size: 17px;line-height: 23px;text-align: center;color: black; height:90px;overflow:hidden; padding:0;}
.info_button {margin:18px auto 0 auto;text-align:center;height:48px;cursor:pointer !important;}
.info_button a {font-family: 'PT Sans Narrow', sans-serif;font-style: normal;font-weight: bold;font-size: 16px;line-height: 48px;color: #ffffff;text-decoration:none;display:inline-block;background-color:#a27f3d;border-radius:8px;padding:0 16px 0 16px;}

#add_track_button {display:block;position:absolute;overflow:hidden;width:48px;height:48px;right:20px;top:20px;background-image:url('/images/plus.svg');background-repeat:no-repeat;background-size: 48px 48px; padding:0;margin:0;overflow:hidden;z-index:8012;background-position:0% 0%;cursor: pointer;}

#close_button {display:block;position:absolute;overflow:hidden;width:48px;height:48px;right:20px;top:20px;background-image:url('/images/close_page.svg');background-repeat:no-repeat;background-size: 48px 48px; padding:0;margin:0;overflow:hidden;z-index:8012;background-position:0% 0%;cursor: pointer;}

.time_container {clear:both;padding:8px 0 0px 0;position:relative;overflow:hidden;height:40px;}
.slider_container {float:left;width:220px;padding-top:12px;}
#slider {width:90%;margin:0 0 0 0;padding:0px;height:5px;position:relative;}
#custom-handle {
	background-image:url('/images/repeatre_black.svg');
	background-repeat:no-repeat;background-position:50% 50%;background-size:20px 20px;
	background-color:white;
	width: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	text-align: center;
	line-height: 24px;
	outline: none;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 11px;
	font-weight: 700;
	border-radius: 12px;
}


.mins{float:left;width:30px;margin-right:20px;padding-top:10px;font-weight:700;font-family: 'Old Standard TT', serif;line-height:12px;font-size: 13px;font-style: italic;}
#time {clear:both;float:left;width:35px;text-align:center;font-family: 'PT Sans Narrow', sans-serif;
	font-size: 15px;background-color: #ffffff;
	font-weight: 900;color:#000000;margin:0 5px 0 0;}
	
	.tooltip-white {
  --balloon-color: white;color:black;
}

.sortable-chosen {background-color: #fefefe;}
.sortable-ghost {opacity:.3;}