@import url(fonts/googleFonts/KalamPacificoRancho.css);::-moz-selection{background-color:#AAA;color:#FFF}::selection{background-color:#AAA;color:#FFF}#virtual_instrument>.navigation{position:initial;display:table;width:100%;background:#333;padding:2px 0 3px}#virtual_instrument>.navigation>*{display:table-cell;vertical-align:middle}#virtual_instrument>.navigation>.left{width:40%;text-align:left}#virtual_instrument>.navigation>.left .dropdown{position:relative;display:initial}#virtual_instrument>.navigation>.left .dropdown>label{background:0 0}#virtual_instrument>.navigation>.left .dropdown select{max-width:100px;background:#444;color:#FAFAFA;border:thin solid #555}#virtual_instrument>.navigation>.center{width:20%;text-align:center}#virtual_instrument>.navigation>.center>span{font-size:24px;color:#FFEE84;font-family:Rancho,cursive;text-transform:capitalize}#virtual_instrument>.navigation>.right{width:40%;text-align:right}#virtual_instrument>.navigation>.right .button-icon,#virtual_instrument>.navigation>.right .switch{position:initial;display:initial}#virtual_instrument>.navigation>.right .switch>label{color:#FAFAFA}#virtual_instrument #instrument_fret-board{position:relative;overflow:auto;min-width:1000px}#virtual_instrument #instrument_fret-board tbody tr:first-child{cursor:default}#virtual_instrument #instrument_fret-board tbody .string{border:none}#virtual_instrument #instrument_fret-board tbody .string th{background:#F9F9F9}#virtual_instrument #instrument_fret-board tbody .string th.fret{border:none;z-index:9999999;background:#FAFAFA;color:#190D00}#virtual_instrument #instrument_fret-board tbody .string .fret{position:relative;background:#B28453;height:30px;border:none;padding:0;border-right:2px solid #77593B}#virtual_instrument #instrument_fret-board tbody .string .fret:first-child{background:#FAFAFA;text-align:center;width:2%;border-right:solid 5px #77593B}#virtual_instrument #instrument_fret-board tbody .string .fret:last-child{border:none;border-right:solid 2px #77593B}#virtual_instrument #instrument_fret-board tbody .string .fret nav{position:absolute;border:none;padding:0;margin:0;width:calc(100% + 2px);box-shadow:0 1px 7px #77593B;z-index:2}#virtual_instrument #instrument_fret-board tbody .string .fret:first-child nav,#virtual_instrument #instrument_fret-board tbody .string .fret:last-child nav{width:100%}#virtual_instrument #instrument_fret-board td[data-x-axis="1"] nav.str_line{border-top:.5px solid #FAFAFA;border-bottom:.5px solid #77593B}#virtual_instrument #instrument_fret-board td[data-x-axis="2"] nav.str_line{border-top:1px solid #FAFAFA;border-bottom:1px solid #77593B}#virtual_instrument #instrument_fret-board td[data-x-axis="3"] nav.str_line{border-top:1.5px solid #FAFAFA;border-bottom:1.5px solid #77593B}#virtual_instrument #instrument_fret-board td[data-x-axis="4"] nav.str_line{border-top:2px solid #FAFAFA;border-bottom:2px solid #77593B}#virtual_instrument #instrument_fret-board td[data-x-axis="5"] nav.str_line{border-top:2.5px solid #FAFAFA;border-bottom:2.5px solid #77593B}#virtual_instrument #instrument_fret-board td[data-x-axis="6"] nav.str_line{border-top:3px solid #FAFAFA;border-bottom:3px solid #77593B}#virtual_instrument #instrument_fret-board tbody .string .fret:hover{cursor:pointer}#virtual_instrument #instrument_fret-board tbody .string .fret:hover nav{box-shadow:0 -2px 15px #ff0}#virtual_instrument #instrument_fret-board tbody .string .fret .fret_mark{position:absolute;border-radius:99px;background:#999;border:thin solid silver;width:15px;height:15px;top:0;margin-left:calc(50% - 9px);margin-top:22.5px;z-index:1}#virtual_instrument #instrument_fret-board tbody .string .fret .note_point,#virtual_instrument #instrument_fret-board tbody .string .fret .scale_point{position:absolute;padding:0;margin:-9px calc(50% - 10px) 0;width:0;height:0;border-radius:999px;z-index:3;box-shadow:1px 1px 1px #333;border:10px solid #333}.noteShape{display:block!important;box-shadow:0 0 5px 3px #fce74b!important}th.fret .noteShape{border-color:#FFF!important}#virtual_instrument #instrument_fret-board tbody .string th.fret .note_point,#virtual_instrument #instrument_fret-board tbody .string th.fret .scale_point{margin:-15px calc(50% - 10px) 0}#virtual_instrument #instrument_fret-board tbody .string .fret .scale_point{border:10px solid #FCE74B;box-shadow:1px 1px 1px #333;z-index:4}#virtual_instrument #instrument_fret-board tbody .string .fret .note_name{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:auto;height:8px;color:#FAFAFA;text-align:center;font-size:9px;vertical-align:baseline;z-index:5}#VS-popup,#VS-popup-bg,#VS-popup-container{width:100%;height:100%}#virtual_instrument>.statusbar{background:#999;padding:2px;text-align:right;font-family:Arial;height:12px}#virtual_instrument>.statusbar>span{margin:0 5px}#virtual_instrument>.statusbar>span>label{text-transform:lowercase;color:#111;font-size:11px;font-weight:700}#virtual_instrument #instrument_fret-board.black tbody .string .fret{background:#444;border-right:2px solid #FAFAFA}#virtual_instrument #instrument_fret-board.black tbody .string .fret:first-child{background:#FAFAFA;border-right:solid 5px #FAFAFA}#virtual_instrument #instrument_fret-board.black tbody .string .fret:last-child{border-right:solid 2px #FAFAFA}#virtual_instrument #instrument_fret-board.black tbody .string .fret nav{box-shadow:0 1px 7px #333}#virtual_instrument #instrument_fret-board.black td[data-x-axis="1"] nav.str_line{border-bottom:.5px solid #EDEDED}#virtual_instrument #instrument_fret-board.black td[data-x-axis="2"] nav.str_line{border-bottom:1px solid #333}#virtual_instrument #instrument_fret-board.black td[data-x-axis="3"] nav.str_line{border-bottom:1.5px solid #333}#virtual_instrument #instrument_fret-board.black td[data-x-axis="4"] nav.str_line{border-bottom:2px solid #333}#virtual_instrument #instrument_fret-board.black td[data-x-axis="5"] nav.str_line{border-bottom:2.5px solid #333}#virtual_instrument #instrument_fret-board.black td[data-x-axis="6"] nav.str_line{border-bottom:3px solid #333}#virtual_instrument #instrument_fret-board.black tbody .string .fret:hover nav{box-shadow:0 -2px 15px #ff0}#VS-popup{position:fixed;display:none;top:0;z-index:99999999999}#VS-popup>.close{display:block;font-style:Arial;position:absolute;top:0;right:0;font-size:14px;margin:5px 20px;cursor:pointer;color:#FFF;border-radius:100%;z-index:99999999999;opacity:1}#VS-popup-bg{position:fixed;content:'';background:#000;opacity:.5}#VS-popup-container{position:absolute;display:table;margin:auto;top:0;bottom:0;left:0;right:0;max-width:300px;max-height:100px}#VS-popup-container .content{position:initial;width:100%;height:100%;background:#0A0A0A;max-height:100%;border-radius:10px}#VS-popup-container .content .inner-content{position:relative;display:block;vertical-align:middle;top:0;bottom:0;left:0;right:0;color:#FFF;text-align:center;height:100%}#VS-popup-container .content .inner-content>span{position:absolute;margin:10px;overflow-wrap:break-word;top:0;bottom:0;left:0;right:0;font:12px Courier New,Courier,monospace;text-align:left;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}@media screen and (max-width:1025px){#virtual_instrument>.navigation{position:fixed;z-index:999999999999;height:33px;top:0}#virtual_instrument #instrument_fret-board{margin-top:39px}#virtual_instrument>.navigation>.center{display:none}#virtual_instrument>.navigation>.left{width:20%;top:-7px}#virtual_instrument>.navigation>.right{position:absolute;right:0;margin-top:7px;width:80%}#virtual_instrument>.navigation>.left .dropdown select{max-width:calc(100% - 6px);margin:2px 3px}#virtual_instrument>.navigation>.left .dropdown:last-child select{margin-bottom:4px}#virtual_instrument>.statusbar{position:fixed;width:calc(100% - 4px);height:auto}#virtual_instrument>.statusbar span{display:block}}