/* Pro Command MIDI 1.3 User Guide*/
/* Copyright 2019 William L. McGough // williammcgough.com */

.bhl {padding-left:3pt;padding-right:3pt;border:2.5pt solid #00ADEF;}
.ghl {padding-left:3pt;padding-right:3pt;border:2.5pt solid #00FF73;}
.yhl {padding-left:3pt;padding-right:3pt;border:2.5pt solid #FFF100;}

/*Show device-specific overlays*/
#presentation.d-1   #o-1    {display:inline !important;}
#presentation.d-2   #o-2    {display:inline !important;}
#presentation.d-3   #o-3    {display:inline !important;}
#presentation.d-4   #o-4    {display:inline !important;}
#presentation.d-5   #o-5    {display:inline !important;}
#presentation.d-6   #o-6    {display:inline !important;}
#presentation #overlay svg > g {transform: translate(0,0);} /* Fix for Safari re-rendering bug */
#presentation.mk3 #overlay svg > g {transform: translate(2%, 4.6%);}

#track-names-1      {display:none !important;}
#track-names-2      {display:none !important;}
#display-mute       {display:none;}
#display-solo       {display:none;}
#display-select     {display:none;}
#display-rec        {display:none;}

#presentation.default    #display-pcm            {display:inline !important;}
#presentation.default    #display-mute           {display:none !important;}
#presentation.default    #display-track-names    {display:none !important;}

/**/
/*Navigation Mode*/
/**/

#presentation.navigate        #btn-navigate   {opacity:1 !important;}
#presentation.navigate        #btn-navigate   {outline: 2.5pt #00ADEF solid;}
#presentation.navigate        #btn-padmode    {opacity:.65 !important;}
#presentation.navigate        #btn-scene      {opacity:.65 !important;}
#presentation.navigate.lgDev  #btn-mute       {opacity:1 !important;}

/*Pads*/
#presentation.navigate        #pad1   {opacity:.25 !important;}
#presentation.navigate.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.navigate        #pad2   {opacity:.65 !important;}
#presentation.navigate.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.navigate        #pad3   {opacity:.65 !important;}
#presentation.navigate.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.navigate        #pad4   {opacity:.25 !important;}
#presentation.navigate.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.navigate        #pad5   {opacity:.65 !important;}
#presentation.navigate.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.navigate        #pad6   {opacity:.65 !important;}
#presentation.navigate.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.navigate        #pad7   {opacity:.65 !important;}
#presentation.navigate.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.navigate        #pad8   {opacity:.65 !important;}
#presentation.navigate.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.navigate        #pad9   {opacity:.65 !important;}
#presentation.navigate.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.navigate        #pad10  {opacity:.25 !important;}
#presentation.navigate.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.navigate        #pad11  {opacity:.65 !important;}
#presentation.navigate.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.navigate        #pad12  {opacity:.65 !important;}
#presentation.navigate.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.navigate        #pad13  {opacity:.25 !important;}
#presentation.navigate.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.navigate        #pad14  {opacity:.65 !important;}
#presentation.navigate.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.navigate        #pad15  {opacity:.25 !important;}
#presentation.navigate.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.navigate        #pad16  {opacity:.25 !important;}
#presentation.navigate.color  #pad16  rect{fill: #FFFFFF !important;}

#presentation.navigate #jog #nav-arrows {display:inline !important;}

/*Touch Strip*/
#presentation.transport    #touch-strip   #arrow   {display:inline !important;}

#presentation.navigate    #display-pcm            {display:none !important;}

/*Displays*/
#presentation.navigate    #display-pcm            {display:none !important;}
#presentation.navigate    #display-mute           {display:inline !important;}
#presentation.navigate    #display-track-names    {display:inline !important;}

/**/
/*Transport Mode*/
/**/

#presentation.transport        #btn-navigate   {opacity:1 !important;}
#presentation.transport        #btn-navigate rect {outline: 2.5pt #00ADEF solid;}
#presentation.transport        #btn-padmode    {opacity:.65 !important;}
#presentation.transport        #btn-scene      {opacity:.65 !important;}
#presentation.transport        #btn-play       {opacity:1 !important;}
#presentation.transport        #btn-play rect  {outline: 2.5pt #00FF73 solid;}
#presentation.transport        #btn-erase       {opacity:1 !important;}
#presentation.transport        #btn-erase rect:first-of-type  {outline: 2.5pt #00FF73 solid;}
#presentation.transport.lgDev  #btn-mute       {opacity:1 !important;}
#presentation.transport        #btn-notes rect {outline: 2.5pt #FFF100 solid;}
#presentation.transport        #btn-perform rect {outline: 2.5pt #FFF100 solid;}
#presentation.transport        #btn-mod rect {outline: 2.5pt #FFF100 solid;}

/*Pads*/
#presentation.transport        #pad1   {opacity:.25 !important;}
#presentation.transport.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.transport        #pad2   {opacity:.65 !important;}
#presentation.transport.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.transport        #pad3   {opacity:.65 !important;}
#presentation.transport.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.transport        #pad4   {opacity:.25 !important;}
#presentation.transport.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.transport        #pad5   {opacity:.65 !important;}
#presentation.transport.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.transport        #pad6   {opacity:.65 !important;}
#presentation.transport.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.transport        #pad7   {opacity:.65 !important;}
#presentation.transport.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.transport        #pad8   {opacity:.65 !important;}
#presentation.transport.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.transport        #pad9   {opacity:.85 !important;}
#presentation.transport.color  #pad9   rect{fill: #69BD45 !important;}
#presentation.transport        #pad10  {opacity:.25 !important;}
#presentation.transport.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.transport        #pad11  {opacity:.85 !important;}
#presentation.transport.color  #pad11  rect{fill: #69BD45 !important;}
#presentation.transport        #pad12  {opacity:.65 !important;}
#presentation.transport.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.transport        #pad13  {opacity:.25 !important;}
#presentation.transport.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.transport        #pad14  {opacity:.65 !important;}
#presentation.transport.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.transport        #pad15  {opacity:.25 !important;}
#presentation.transport.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.transport        #pad16  {opacity:.25 !important;}
#presentation.transport.color  #pad16  rect{fill: #FFFFFF !important;}

#presentation.transport #master #nav-arrows {display:inline !important;}

#presentation.transport.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.transport    #display-pcm            {display:none !important;}
#presentation.transport    #display-mute           {display:inline !important;}
#presentation.transport    #display-track-names    {display:inline !important;}

/*Jog Wheel*/
#presentation.transport    #jog     #arrow-left    {display:inline !important;}
#presentation.transport    #jog     #arrow-right   {display:inline !important;}

/*Touch Strip*/
#presentation.transport    #touch-strip   #arrow   {display:inline !important;}

/**/
/*Pad Mode*/
/**/

#presentation.padmode        #btn-padmode   {opacity:1 !important; }
#presentation.padmode        #btn-padmode rect {outline: 2.5pt #00ADEF solid;}
#presentation.padmode        #btn-navigate    {opacity:.65 !important;}
#presentation.padmode        #btn-scene      {opacity:.65 !important;}
#presentation.padmode.lgDev  #btn-mute       {opacity:1 !important;}
#presentation.padmode        #oct-down {opacity:1 !important;}
#presentation.padmode        #oct-down rect {outline: 2.5pt #00FF73 solid;}
#presentation.padmode        #oct-up         {opacity:1 !important;}
#presentation.padmode        #oct-up rect   {outline: 2.5pt #00FF73 solid;}
#presentation.padmode.d-1     #btn-erase {opacity:1 !important;}
#presentation.padmode.d-1     #btn-erase rect   {outline: 2.5pt #00FF73 solid;}

/*Pads*/
#presentation.padmode        #pad1   {opacity:.65 !important;}
#presentation.padmode.color  #pad1   rect{fill: #F8991D !important;}
#presentation.padmode        #pad2   {opacity:.65 !important;}
#presentation.padmode.color  #pad2   rect{fill: #F8991D !important;}
#presentation.padmode        #pad3   {opacity:.65 !important;}
#presentation.padmode.color  #pad3   rect{fill: #F8991D !important;}
#presentation.padmode        #pad4   {opacity:.65 !important;}
#presentation.padmode.color  #pad4   rect{fill: #F8991D !important;}
#presentation.padmode        #pad5   {opacity:.65 !important;}
#presentation.padmode.color  #pad5   rect{fill: #F8991D !important;}
#presentation.padmode        #pad6   {opacity:.65 !important;}
#presentation.padmode.color  #pad6   rect{fill: #F8991D !important;}
#presentation.padmode        #pad7   {opacity:.65 !important;}
#presentation.padmode.color  #pad7   rect{fill: #F8991D !important;}
#presentation.padmode        #pad8   {opacity:.65 !important;}
#presentation.padmode.color  #pad8   rect{fill: #F8991D !important;}
#presentation.padmode        #pad9   {opacity:.65 !important;}
#presentation.padmode.color  #pad9   rect{fill: #F8991D !important;}
#presentation.padmode        #pad10  {opacity:.65 !important;}
#presentation.padmode.color  #pad10  rect{fill: #F8991D !important;}
#presentation.padmode        #pad11  {opacity:.65 !important;}
#presentation.padmode.color  #pad11  rect{fill: #F8991D !important;}
#presentation.padmode        #pad12  {opacity:.65 !important;}
#presentation.padmode.color  #pad12  rect{fill: #F8991D !important;}
#presentation.padmode        #pad13  {opacity:.65 !important;}
#presentation.padmode.color  #pad13  rect{fill: #F8991D !important;}
#presentation.padmode        #pad14  {opacity:.65 !important;}
#presentation.padmode.color  #pad14  rect{fill: #F8991D !important;}
#presentation.padmode        #pad15  {opacity:.65 !important;}
#presentation.padmode.color  #pad15  rect{fill: #F8991D !important;}
#presentation.padmode        #pad16  {opacity:.65 !important;}
#presentation.padmode.color  #pad16  rect{fill: #F8991D !important;}

#presentation.padmode.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.padmode    #display-pcm            {display:none !important;}
#presentation.padmode    #display-mute           {display:inline !important;}
#presentation.padmode    #display-track-names    {display:inline !important;}

/**/
/*Scene Mode*/
/**/

#presentation.scenemode        #btn-scene       {opacity:1 !important;}
#presentation.scenemode        #btn-scene rect  {outline: 2.5pt #00ADEF solid;}
#presentation.scenemode        #btn-erase       {opacity:1 !important;}
#presentation.scenemode        #btn-erase rect:first-of-type  {outline: 2.5pt #00FF73 solid;}
#presentation.scenemode        #btn-navigate    {opacity:.65 !important;}
#presentation.scenemode        #btn-padmode     {opacity:.65 !important;}
#presentation.scenemode.lgDev  #btn-mute        {opacity:1 !important;}

/*Pads*/
#presentation.scenemode        #pad1   {opacity:.65 !important;}
#presentation.scenemode.color  #pad1   rect{fill: #FFF !important;}
#presentation.scenemode        #pad2   {opacity:.65 !important;}
#presentation.scenemode.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad3   {opacity:.65 !important;}
#presentation.scenemode.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad4   {opacity:.65 !important;}
#presentation.scenemode.color  #pad4   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad5   {opacity:.65 !important;}
#presentation.scenemode.color  #pad5   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad6   {opacity:.65 !important;}
#presentation.scenemode.color  #pad6   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad7   {opacity:.65 !important;}
#presentation.scenemode.color  #pad7   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad8   {opacity:.65 !important;}
#presentation.scenemode.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad9   {opacity:.65 !important;}
#presentation.scenemode.color  #pad9   rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad10  {opacity:.65 !important;}
#presentation.scenemode.color  #pad10  rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad11  {opacity:.65 !important;}
#presentation.scenemode.color  #pad11  rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad12  {opacity:.65 !important;}
#presentation.scenemode.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad13  {opacity:.65 !important;}
#presentation.scenemode.color  #pad13  rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad14  {opacity:.65 !important;}
#presentation.scenemode.color  #pad14  rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad15  {opacity:.65 !important;}
#presentation.scenemode.color  #pad15  rect{fill: #9F55A1 !important;}
#presentation.scenemode        #pad16  {opacity:.65 !important;}
#presentation.scenemode.color  #pad16  rect{fill: #FFF !important;}

#presentation.scenemode.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.scenemode    #display-pcm            {display:none !important;}
#presentation.scenemode    #display-mute           {display:inline !important;}
#presentation.scenemode    #display-track-names    {display:inline !important;}

/**/
/*Mute Mode*/
/**/

#presentation.mutemode.lgDev  #btn-navigate   {opacity:1 !important;}
#presentation.mutemode        #btn-padmode    {opacity:.65 !important;}
#presentation.mutemode        #btn-scene      {opacity:.65 !important;}
#presentation.mutemode.lgDev  #btn-mute       {opacity:1 !important;}
#presentation.mutemode.lgDev  #btn-mute rect  {outline: 2.5pt #00ADEF solid;}

/*Pads: Large Devices*/
#presentation.mutemode.lgDev        #pad1   {opacity:.25 !important;}
#presentation.mutemode.lgDev.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.mutemode.lgDev        #pad2   {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.mutemode.lgDev        #pad3   {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.mutemode.lgDev        #pad4   {opacity:.25 !important;}
#presentation.mutemode.lgDev.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.mutemode.lgDev        #pad5   {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.mutemode.lgDev        #pad6   {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.mutemode.lgDev        #pad7   {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.mutemode.lgDev        #pad8   {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.mutemode.lgDev        #pad9   {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.mutemode.lgDev        #pad10  {opacity:.25 !important;}
#presentation.mutemode.lgDev.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.mutemode.lgDev        #pad11  {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.mutemode.lgDev        #pad12  {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.mutemode.lgDev        #pad13  {opacity:.25 !important;}
#presentation.mutemode.lgDev.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.mutemode.lgDev        #pad14  {opacity:.65 !important;}
#presentation.mutemode.lgDev.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.mutemode.lgDev        #pad15  {opacity:.25 !important;}
#presentation.mutemode.lgDev.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.mutemode.lgDev        #pad16  {opacity:.25 !important;}
#presentation.mutemode.lgDev.color  #pad16  rect{fill: #FFFFFF !important;}

/*Pads: Small Devices*/
/*N/A*/

#presentation.mutemode.mono #pads rect {fill: #F8991D !important;}

/*ch btns*/
/*#presentation.mutemode.lgDev #ch-btns {opacity:.85 !important;}*/
#presentation.mutemode.lgDev #ch-btns rect {opacity:100%;stroke:#00FF73;stroke-width:2.5pt;}

/*Displays*/
#presentation.mutemode    #display-pcm            {display:none !important;}
#presentation.mutemode    #display-mute           {display:inline !important;}
#presentation.mutemode    #display-track-names    {display:inline !important;}

/**/
/*Solo Mode*/
/**/

#presentation.solomode.lgDev  #btn-navigate   {opacity:1 !important;}
#presentation.solomode        #btn-padmode    {opacity:.65 !important;}
#presentation.solomode        #btn-scene      {opacity:.65 !important;}
#presentation.solomode.lgDev  #btn-solo       {opacity:1 !important;}
#presentation.solomode.lgDev  #btn-solo rect  {outline: 2.5pt #00ADEF solid;}

/*Pads: Large Devices*/
#presentation.solomode.lgDev        #pad1   {opacity:.25 !important;}
#presentation.solomode.lgDev.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.solomode.lgDev        #pad2   {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.solomode.lgDev        #pad3   {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.solomode.lgDev        #pad4   {opacity:.25 !important;}
#presentation.solomode.lgDev.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.solomode.lgDev        #pad5   {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.solomode.lgDev        #pad6   {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.solomode.lgDev        #pad7   {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.solomode.lgDev        #pad8   {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.solomode.lgDev        #pad9   {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.solomode.lgDev        #pad10  {opacity:.25 !important;}
#presentation.solomode.lgDev.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.solomode.lgDev        #pad11  {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.solomode.lgDev        #pad12  {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.solomode.lgDev        #pad13  {opacity:.25 !important;}
#presentation.solomode.lgDev.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.solomode.lgDev        #pad14  {opacity:.65 !important;}
#presentation.solomode.lgDev.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.solomode.lgDev        #pad15  {opacity:.25 !important;}
#presentation.solomode.lgDev.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.solomode.lgDev        #pad16  {opacity:.25 !important;}
#presentation.solomode.lgDev.color  #pad16  rect{fill: #FFFFFF !important;}

/*Pads: Small Devices*/
/*N/A*/

#presentation.solomode.mono #pads rect {fill: #F8991D !important;}

/*ch btns*/
/*#presentation.solomode.lgDev #ch-btns {opacity:.85 !important;}*/
#presentation.solomode.lgDev #ch-btns rect  {opacity:100%;stroke:#00FF73;stroke-width:2.5pt;}


/*Displays*/
#presentation.solomode    #display-pcm            {display:none !important;}
#presentation.solomode    #display-mute           {display:none !important;}
#presentation.solomode    #display-solo           {display:inline !important;}
#presentation.solomode    #display-select         {display:none !important;}
#presentation.solomode    #display-rec            {display:none !important;}
#presentation.solomode    #display-track-names    {display:inline !important;}

/**/
/*Select Mode*/
/**/

#presentation.selectmode.lgDev  #btn-navigate   {opacity:1 !important;}
#presentation.selectmode        #btn-padmode    {opacity:.65 !important;}
#presentation.selectmode        #btn-scene      {opacity:.65 !important;}
#presentation.selectmode.lgDev  #btn-select     {opacity:1 !important;}
#presentation.selectmode.lgDev  #btn-select rect {outline: 2.5pt #00ADEF solid;}

/*Pads: Large Devices*/
#presentation.selectmode.lgDev        #pad1   {opacity:.25 !important;}
#presentation.selectmode.lgDev.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.selectmode.lgDev        #pad2   {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.selectmode.lgDev        #pad3   {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.selectmode.lgDev        #pad4   {opacity:.25 !important;}
#presentation.selectmode.lgDev.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.selectmode.lgDev        #pad5   {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.selectmode.lgDev        #pad6   {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.selectmode.lgDev        #pad7   {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.selectmode.lgDev        #pad8   {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.selectmode.lgDev        #pad9   {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.selectmode.lgDev        #pad10  {opacity:.25 !important;}
#presentation.selectmode.lgDev.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.selectmode.lgDev        #pad11  {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.selectmode.lgDev        #pad12  {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.selectmode.lgDev        #pad13  {opacity:.25 !important;}
#presentation.selectmode.lgDev.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.selectmode.lgDev        #pad14  {opacity:.65 !important;}
#presentation.selectmode.lgDev.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.selectmode.lgDev        #pad15  {opacity:.25 !important;}
#presentation.selectmode.lgDev.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.selectmode.lgDev        #pad16  {opacity:.25 !important;}
#presentation.selectmode.lgDev.color  #pad16  rect{fill: #FFFFFF !important;}

/*Pads: Small Devices*/
/*N/A*/

#presentation.selectmode.mono #pads rect {fill: #F8991D !important;}

/*ch btns*/
/*#presentation.selectmode.lgDev #ch-btns       {opacity:.85 !important;}*/
#presentation.selectmode.lgDev   #ch-btns rect  {opacity:100%;stroke:#00FF73;stroke-width:2.5pt;}

/*Displays*/
#presentation.selectmode    #display-pcm            {display:none !important;}
#presentation.selectmode    #display-mute           {display:none !important;}
#presentation.selectmode    #display-solo           {display:none !important;}
#presentation.selectmode    #display-select         {display:inline !important;}
#presentation.selectmode    #display-rec            {display:none !important;}
#presentation.selectmode    #display-track-names    {display:inline !important;}

/**/
/*Select Mode*/
/**/

#presentation.recmode.lgDev  #btn-navigate   {opacity:1 !important;}
#presentation.recmode        #btn-padmode    {opacity:.65 !important;}
#presentation.recmode        #btn-scene      {opacity:.65 !important;}
#presentation.recmode.lgDev  #btn-record     {opacity:1 !important;}
#presentation.recmode.lgDev  #btn-record rect {outline: 2.5pt #00FF73 solid;}

/*Pads: Large Devices*/
#presentation.recmode.lgDev        #pad1   {opacity:.25 !important;}
#presentation.recmode.lgDev.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.recmode.lgDev        #pad2   {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.recmode.lgDev        #pad3   {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.recmode.lgDev        #pad4   {opacity:.25 !important;}
#presentation.recmode.lgDev.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.recmode.lgDev        #pad5   {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.recmode.lgDev        #pad6   {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.recmode.lgDev        #pad7   {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.recmode.lgDev        #pad8   {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.recmode.lgDev        #pad9   {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.recmode.lgDev        #pad10  {opacity:.25 !important;}
#presentation.recmode.lgDev.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.recmode.lgDev        #pad11  {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.recmode.lgDev        #pad12  {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.recmode.lgDev        #pad13  {opacity:.25 !important;}
#presentation.recmode.lgDev.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.recmode.lgDev        #pad14  {opacity:.65 !important;}
#presentation.recmode.lgDev.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.recmode.lgDev        #pad15  {opacity:.25 !important;}
#presentation.recmode.lgDev.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.recmode.lgDev        #pad16  {opacity:.25 !important;}
#presentation.recmode.lgDev.color  #pad16  rect{fill: #FFFFFF !important;}

/*Pads: Small Devices*/
/*N/A*/

#presentation.recmode.mono #pads rect {fill: #F8991D !important;}

/*ch btns*/
/*#presentation.recmode.lgDev #ch-btns       {opacity:.85 !important;}*/
#presentation.recmode.lgDev   #ch-btns rect  {opacity:100%;stroke:#00FF73;stroke-width:2.5pt;}

/*Displays*/
#presentation.recmode    #display-pcm            {display:none !important;}
#presentation.recmode    #display-mute           {display:none !important;}
#presentation.recmode    #display-solo           {display:none !important;}
#presentation.recmode    #display-select         {display:none !important;}
#presentation.recmode    #display-rec            {display:inline !important;}
#presentation.recmode    #display-track-names    {display:inline !important;}

/**/
/*Mute Pads Mode*/
/**/

#presentation.mutelock        #btn-mute      {opacity:1 !important;}
#presentation.mutelock        #btn-mute rect {outline: 2.5pt #00ADEF solid;}
#presentation.mutelock        #btn-navigate  {opacity:.65 !important;}
#presentation.mutelock        #btn-scene     {opacity:.65 !important;}
#presentation.mutelock.lgDev  #btn-erase     {opacity:1 !important;}
#presentation.mutelock.lgDev  #btn-erase rect:first-of-type {outline: 2.5pt #00FF73 solid;}

#presentation.mutelock.lgDev  #btn-a  {opacity:1 !important;}

/*Pads*/
#presentation.mutelock        #pad1   {opacity:.65 !important;}
#presentation.mutelock.color  #pad1   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad2   {opacity:.65 !important;}
#presentation.mutelock.color  #pad2   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad3   {opacity:.65 !important;}
#presentation.mutelock.color  #pad3   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad4   {opacity:.65 !important;}
#presentation.mutelock.color  #pad4   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad5   {opacity:.65 !important;}
#presentation.mutelock.color  #pad5   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad6   {opacity:.65 !important;}
#presentation.mutelock.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad7   {opacity:.65 !important;}
#presentation.mutelock.color  #pad7   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad8   {opacity:.65 !important;}
#presentation.mutelock.color  #pad8   rect{fill: #3C57A7 !important;}
#presentation.mutelock        #pad9   {opacity:.65 !important;}
#presentation.mutelock.color  #pad9   rect{fill: #F6EC13 !important;}
#presentation.mutelock        #pad10  {opacity:.65 !important;}
#presentation.mutelock.color  #pad10  rect{fill: #F6EC13 !important;}
#presentation.mutelock        #pad11  {opacity:.65 !important;}
#presentation.mutelock.color  #pad11  rect{fill: #F6EC13 !important;}
#presentation.mutelock        #pad12  {opacity:.65 !important;}
#presentation.mutelock.color  #pad12  rect{fill: #F6EC13 !important;}
#presentation.mutelock        #pad13  {opacity:.65 !important;}
#presentation.mutelock.color  #pad13  rect{fill: #F6EC13 !important;}
#presentation.mutelock        #pad14  {opacity:.65 !important;}
#presentation.mutelock.color  #pad14  rect{fill: #F6EC13 !important;}
#presentation.mutelock        #pad15  {opacity:.65 !important;}
#presentation.mutelock.color  #pad15  rect{fill: #F6EC13 !important;}
#presentation.mutelock        #pad16  {opacity:.65 !important;}
#presentation.mutelock.color  #pad16  rect{fill: #F6EC13 !important;}

#presentation.mutelock.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.mutelock    #display-pcm            {display:none !important;}
#presentation.mutelock    #display-mute           {display:inline !important;}
#presentation.mutelock    #display-track-names    {display:inline !important;}

/**/
/*Solo Pads Mode*/
/**/

#presentation.sololock        #btn-solo      {opacity:1 !important;}
#presentation.sololock        #btn-solo rect {outline: 2.5pt #00ADEF solid;}
#presentation.sololock        #btn-navigate  {opacity:.65 !important;}
#presentation.sololock        #btn-scene     {opacity:.65 !important;}
#presentation.sololock.lgDev  #btn-erase     {opacity:1 !important;}
#presentation.sololock.lgDev  #btn-erase rect:first-of-type {outline: 2.5pt #00FF73 solid;}

#presentation.sololock.lgDev  #btn-a  {opacity:1 !important;}

/*Pads*/
#presentation.sololock        #pad1   {opacity:.65 !important;}
#presentation.sololock.color  #pad1   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad2   {opacity:.65 !important;}
#presentation.sololock.color  #pad2   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad3   {opacity:.65 !important;}
#presentation.sololock.color  #pad3   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad4   {opacity:.65 !important;}
#presentation.sololock.color  #pad4   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad5   {opacity:.65 !important;}
#presentation.sololock.color  #pad5   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad6   {opacity:.65 !important;}
#presentation.sololock.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad7   {opacity:.65 !important;}
#presentation.sololock.color  #pad7   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad8   {opacity:.65 !important;}
#presentation.sololock.color  #pad8   rect{fill: #3C57A7 !important;}
#presentation.sololock        #pad9   {opacity:.65 !important;}
#presentation.sololock.color  #pad9   rect{fill: #F6EC13 !important;}
#presentation.sololock        #pad10  {opacity:.65 !important;}
#presentation.sololock.color  #pad10  rect{fill: #F6EC13 !important;}
#presentation.sololock        #pad11  {opacity:.65 !important;}
#presentation.sololock.color  #pad11  rect{fill: #F6EC13 !important;}
#presentation.sololock        #pad12  {opacity:.65 !important;}
#presentation.sololock.color  #pad12  rect{fill: #F6EC13 !important;}
#presentation.sololock        #pad13  {opacity:.65 !important;}
#presentation.sololock.color  #pad13  rect{fill: #F6EC13 !important;}
#presentation.sololock        #pad14  {opacity:.65 !important;}
#presentation.sololock.color  #pad14  rect{fill: #F6EC13 !important;}
#presentation.sololock        #pad15  {opacity:.65 !important;}
#presentation.sololock.color  #pad15  rect{fill: #F6EC13 !important;}
#presentation.sololock        #pad16  {opacity:.65 !important;}
#presentation.sololock.color  #pad16  rect{fill: #F6EC13 !important;}

#presentation.sololock.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.sololock    #display-pcm            {display:none !important;}
#presentation.sololock    #display-solo           {display:inline !important;}
#presentation.sololock    #display-track-names    {display:inline !important;}

/**/
/*Select Pads Mode*/
/**/

#presentation.selectlock        #btn-select   {opacity:1 !important;}
#presentation.selectlock        #btn-select rect {outline: 2.5pt #00ADEF solid;}
#presentation.selectlock        #btn-navigate {opacity:.65 !important;}
#presentation.selectlock        #btn-scene    {opacity:.65 !important;}
#presentation.selectlock.lgDev  #btn-erase    {opacity:1 !important;}
#presentation.selectlock.lgDev  #btn-erase rect:first-of-type {outline: 2.5pt #00FF73 solid;}

#presentation.selectlock.lgDev  #btn-a  {opacity:1 !important;}

/*Pads*/
#presentation.selectlock        #pad1   {opacity:.65 !important;}
#presentation.selectlock.color  #pad1   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad2   {opacity:.65 !important;}
#presentation.selectlock.color  #pad2   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad3   {opacity:.65 !important;}
#presentation.selectlock.color  #pad3   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad4   {opacity:.65 !important;}
#presentation.selectlock.color  #pad4   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad5   {opacity:.65 !important;}
#presentation.selectlock.color  #pad5   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad6   {opacity:.65 !important;}
#presentation.selectlock.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad7   {opacity:.65 !important;}
#presentation.selectlock.color  #pad7   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad8   {opacity:.65 !important;}
#presentation.selectlock.color  #pad8   rect{fill: #3C57A7 !important;}
#presentation.selectlock        #pad9   {opacity:.65 !important;}
#presentation.selectlock.color  #pad9   rect{fill: #F6EC13 !important;}
#presentation.selectlock        #pad10  {opacity:.65 !important;}
#presentation.selectlock.color  #pad10  rect{fill: #F6EC13 !important;}
#presentation.selectlock        #pad11  {opacity:.65 !important;}
#presentation.selectlock.color  #pad11  rect{fill: #F6EC13 !important;}
#presentation.selectlock        #pad12  {opacity:.65 !important;}
#presentation.selectlock.color  #pad12  rect{fill: #F6EC13 !important;}
#presentation.selectlock        #pad13  {opacity:.65 !important;}
#presentation.selectlock.color  #pad13  rect{fill: #F6EC13 !important;}
#presentation.selectlock        #pad14  {opacity:.65 !important;}
#presentation.selectlock.color  #pad14  rect{fill: #F6EC13 !important;}
#presentation.selectlock        #pad15  {opacity:.65 !important;}
#presentation.selectlock.color  #pad15  rect{fill: #F6EC13 !important;}
#presentation.selectlock        #pad16  {opacity:.65 !important;}
#presentation.selectlock.color  #pad16  rect{fill: #F6EC13 !important;}

#presentation.selectlock.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.selectlock    #display-pcm            {display:none !important;}
#presentation.selectlock    #display-select         {display:inline !important;}
#presentation.selectlock    #display-track-names    {display:inline !important;}

/**/
/*Record Pads Mode*/
/**/

#presentation.reclock        #btn-record    {opacity:1 !important;}
#presentation.reclock        #btn-record rect {outline: 2.5pt #00ADEF solid;}
#presentation.reclock        #btn-navigate  {opacity:.65 !important;}
#presentation.reclock        #btn-scene     {opacity:.65 !important;}
#presentation.reclock        #btn-erase     {opacity:1 !important;}
#presentation.reclock        #btn-erase rect:first-of-type {outline: 2.5pt #00FF73 solid;}

#presentation.reclock.lgDev  #btn-a  {opacity:1 !important;}

/*Pads*/
#presentation.reclock        #pad1   {opacity:.65 !important;}
#presentation.reclock.color  #pad1   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad2   {opacity:.65 !important;}
#presentation.reclock.color  #pad2   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad3   {opacity:.65 !important;}
#presentation.reclock.color  #pad3   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad4   {opacity:.65 !important;}
#presentation.reclock.color  #pad4   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad5   {opacity:.65 !important;}
#presentation.reclock.color  #pad5   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad6   {opacity:.65 !important;}
#presentation.reclock.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad7   {opacity:.65 !important;}
#presentation.reclock.color  #pad7   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad8   {opacity:.65 !important;}
#presentation.reclock.color  #pad8   rect{fill: #3C57A7 !important;}
#presentation.reclock        #pad9   {opacity:.65 !important;}
#presentation.reclock.color  #pad9   rect{fill: #F6EC13 !important;}
#presentation.reclock        #pad10  {opacity:.65 !important;}
#presentation.reclock.color  #pad10  rect{fill: #F6EC13 !important;}
#presentation.reclock        #pad11  {opacity:.65 !important;}
#presentation.reclock.color  #pad11  rect{fill: #F6EC13 !important;}
#presentation.reclock        #pad12  {opacity:.65 !important;}
#presentation.reclock.color  #pad12  rect{fill: #F6EC13 !important;}
#presentation.reclock        #pad13  {opacity:.65 !important;}
#presentation.reclock.color  #pad13  rect{fill: #F6EC13 !important;}
#presentation.reclock        #pad14  {opacity:.65 !important;}
#presentation.reclock.color  #pad14  rect{fill: #F6EC13 !important;}
#presentation.reclock        #pad15  {opacity:.65 !important;}
#presentation.reclock.color  #pad15  rect{fill: #F6EC13 !important;}
#presentation.reclock        #pad16  {opacity:.65 !important;}
#presentation.reclock.color  #pad16  rect{fill: #F6EC13 !important;}

#presentation.reclock.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.reclock    #display-pcm            {display:none !important;}
#presentation.reclock    #display-rec            {display:inline !important;}
#presentation.reclock    #display-track-names    {display:inline !important;}

/**/
/*Bank & Channel Scroll*/
/**/

#presentation.bankscroll        #btn-mute   {opacity:1 !important;}
#presentation.bankscroll        #btn-navigate    {opacity:.65 !important;}
#presentation.bankscroll        #btn-scene      {opacity:.65 !important;}
#presentation.bankscroll.lgDev  #btn-erase       {opacity:1 !important; } 

#presentation.bankscroll.lgDev  #btn-a  {opacity:1 !important;}

#presentation.mk3.bankscroll #overlay svg > g {transform: translate(0,0);}

/*Goup Buttons*/
#presentation.bankscroll #btn-a rect {outline: 2.5pt #00ADEF solid;}
#presentation.bankscroll #btn-b rect {outline: 2.5pt #00ADEF solid;}
#presentation.bankscroll #btn-c rect {outline: 2.5pt #00ADEF solid;}
#presentation.bankscroll #btn-d rect {outline: 2.5pt #00ADEF solid;}

#presentation.bankscroll #btn-bankleft rect {outline: 2.5pt #00FF73 solid;}
#presentation.bankscroll #btn-bankright {opacity:1 !important;}
#presentation.bankscroll #btn-bankright rect {outline: 2.5pt #00FF73 solid;}

#presentation.bankscroll.smDev        #btn-group {opacity:1 !important;}
#presentation.bankscroll.smDev        #btn-group rect {outline: 2.5pt #00ADEF solid;}

/*Pads*/
#presentation.bankscroll        #pad1   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad1   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad2   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad2   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad3   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad3   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad4   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad4   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad5   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad5   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad6   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad7   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad7   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad8   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad8   rect{fill: #3C57A7 !important;}
#presentation.bankscroll        #pad9   {opacity:.65 !important;}
#presentation.bankscroll.color  #pad9   rect{fill: #F6EC13 !important;}
#presentation.bankscroll        #pad10  {opacity:.65 !important;}
#presentation.bankscroll.color  #pad10  rect{fill: #F6EC13 !important;}
#presentation.bankscroll        #pad11  {opacity:.65 !important;}
#presentation.bankscroll.color  #pad11  rect{fill: #F6EC13 !important;}
#presentation.bankscroll        #pad12  {opacity:.65 !important;}
#presentation.bankscroll.color  #pad12  rect{fill: #F6EC13 !important;}
#presentation.bankscroll        #pad13  {opacity:.65 !important;}
#presentation.bankscroll.color  #pad13  rect{fill: #F6EC13 !important;}
#presentation.bankscroll        #pad14  {opacity:.65 !important;}
#presentation.bankscroll.color  #pad14  rect{fill: #F6EC13 !important;}
#presentation.bankscroll        #pad15  {opacity:.65 !important;}
#presentation.bankscroll.color  #pad15  rect{fill: #F6EC13 !important;}
#presentation.bankscroll        #pad16  {opacity:.65 !important;}
#presentation.bankscroll.color  #pad16  rect{fill: #F6EC13 !important;}

#presentation.bankscroll.smDev        #pad1   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad2   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad2   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad3   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad3   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad4   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad5   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad6   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad6   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad7   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad8   {opacity:.25 !important;}
#presentation.bankscroll.smDev.color  #pad8   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad9   {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad9   rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad10  {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.bankscroll.smDev        #pad11  {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad11  rect{fill: #F8991D !important;}
#presentation.bankscroll.smDev        #pad12  {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad12  rect{fill: #F8991D !important;}
#presentation.bankscroll.smDev        #pad13  {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad13  rect{fill: #3C57A7 !important;}
#presentation.bankscroll.smDev        #pad14  {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad14  rect{fill: #F6EC13 !important;}
#presentation.bankscroll.smDev        #pad15  {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad15  rect{fill: #9F55A1 !important;}
#presentation.bankscroll.smDev        #pad16  {opacity:.65 !important;}
#presentation.bankscroll.smDev.color  #pad16  rect{fill: #70C495 !important;}

#presentation.bankscroll.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.bankscroll    #display-pcm            {display:none !important;}
#presentation.bankscroll    #display-mute           {display:inline !important;}
#presentation.bankscroll    #display-track-names    {display:inline !important;}

/**/
/*Volume Mode*/
/**/

#presentation.volmode.lgDev  #btn-navigate   {opacity:1 !important;}
#presentation.volmode        #btn-padmode    {opacity:.65 !important;}
#presentation.volmode        #btn-scene      {opacity:.65 !important;}
#presentation.volmode.lgDev  #btn-mute       {opacity:1 !important;}

/*Pads: Large Devices*/
#presentation.volmode.lgDev        #pad1   {opacity:.25 !important;}
#presentation.volmode.lgDev.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.volmode.lgDev        #pad2   {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.volmode.lgDev        #pad3   {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.volmode.lgDev        #pad4   {opacity:.25 !important;}
#presentation.volmode.lgDev.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.volmode.lgDev        #pad5   {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.volmode.lgDev        #pad6   {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.volmode.lgDev        #pad7   {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.volmode.lgDev        #pad8   {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.volmode.lgDev        #pad9   {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.volmode.lgDev        #pad10  {opacity:.25 !important;}
#presentation.volmode.lgDev.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.volmode.lgDev        #pad11  {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.volmode.lgDev        #pad12  {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.volmode.lgDev        #pad13  {opacity:.25 !important;}
#presentation.volmode.lgDev.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.volmode.lgDev        #pad14  {opacity:.65 !important;}
#presentation.volmode.lgDev.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.volmode.lgDev        #pad15  {opacity:.25 !important;}
#presentation.volmode.lgDev.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.volmode.lgDev        #pad16  {opacity:.25 !important;}
#presentation.volmode.lgDev.color  #pad16  rect{fill: #FFFFFF !important;}

/*Pads: Small Devices*/
/*N/A*/

#presentation.volmode.mono #pads rect {fill: #F8991D !important;}

/*ch btns*/
/*#presentation.volmode.lgDev #ch-btns      {opacity:.85 !important;}*/

#presentation.volmode.lgDev   #btn-erase       {opacity:1 !important;}

/*Displays*/
#presentation.volmode    #display-pcm            {display:none !important;}
#presentation.volmode    #display-mute           {display:inline !important;}
#presentation.volmode    #display-track-names    {display:inline !important;}

/*Knobs*/
#presentation.volmode.lgDev #ch-knobs   #arrow-left  {display:inline !important;}
#presentation.volmode.lgDev #ch-knobs   #arrow-right {display:inline !important;}
#presentation.volmode       #master     #arrow-left  {display:inline !important;}
#presentation.volmode       #master     #arrow-right {display:inline !important;}

/**/
/*Pan Mode*/
/**/

#presentation.panmode.lgDev  #btn-navigate   {opacity:1 !important;}
#presentation.panmode        #btn-padmode    {opacity:.65 !important;}
#presentation.panmode        #btn-scene      {opacity:.65 !important;}
#presentation.panmode.lgDev  #btn-mute       {opacity:1 !important;}

/*Pads: Large Devices*/
#presentation.panmode.lgDev        #pad1   {opacity:.25 !important;}
#presentation.panmode.lgDev.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.panmode.lgDev        #pad2   {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.panmode.lgDev        #pad3   {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.panmode.lgDev        #pad4   {opacity:.25 !important;}
#presentation.panmode.lgDev.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.panmode.lgDev        #pad5   {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.panmode.lgDev        #pad6   {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.panmode.lgDev        #pad7   {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.panmode.lgDev        #pad8   {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.panmode.lgDev        #pad9   {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.panmode.lgDev        #pad10  {opacity:.25 !important;}
#presentation.panmode.lgDev.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.panmode.lgDev        #pad11  {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.panmode.lgDev        #pad12  {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.panmode.lgDev        #pad13  {opacity:.25 !important;}
#presentation.panmode.lgDev.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.panmode.lgDev        #pad14  {opacity:.65 !important;}
#presentation.panmode.lgDev.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.panmode.lgDev        #pad15  {opacity:.25 !important;}
#presentation.panmode.lgDev.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.panmode.lgDev        #pad16  {opacity:.25 !important;}
#presentation.panmode.lgDev.color  #pad16  rect{fill: #FFFFFF !important;}

/*Pads: Small Devices*/
/*N/A*/

#presentation.panmode.mono #pads rect {fill: #F8991D !important;}

/*ch btns*/
/*#presentation.panmode.lgDev #ch-btns      {opacity:.85 !important;}*/
#presentation.panmode.lgDev   #btn-pageright {opacity:1 !important;}
#presentation.panmode.lgDev   #btn-pageright rect {outline: 2.5pt #00FF73 solid;}

#presentation.panmode.lgDev   #btn-midi   {opacity:1 !important;}
#presentation.panmode.lgDev   #btn-midi rect {outline: 2.5pt #FFF100 solid;}
#presentation.panmode.lgDev   #btn-erase       {opacity:1 !important;}

/*Displays*/
#presentation.panmode    #display-pcm            {display:none !important;}
#presentation.panmode    #display-mute           {display:inline !important;}
#presentation.panmode    #display-track-names    {display:inline !important;}
#presentation.panmode    #display-volume         {display:none !important;}
#presentation.panmode    #display-pan            {display:inline !important;}

/*Knobs*/
#presentation.panmode.lgDev #ch-knobs   #arrow-left  {display:inline !important;}
#presentation.panmode.lgDev #ch-knobs   #arrow-right {display:inline !important;}

/**/
/*Footswitch Mode*/
/**/
#presentation.footswitchmode.d-5    #device         {display: none;}
#presentation.footswitchmode.d-5    #overlay        {padding:20px}
#presentation.footswitchmode.d-6    #device         {opacity: .5;}
#presentation.mk3.footswitchmode #overlay svg > g {transform: translate(0,0);}

#presentation.footswitchmode        #btn-navigate   {opacity:1 !important;}
#presentation.footswitchmode        #btn-padmode    {opacity:.65 !important;}
#presentation.footswitchmode        #btn-scene      {opacity:.65 !important;}
#presentation.footswitchmode.lgDev  #btn-mute       {opacity:1 !important;}

/*Pads*/
#presentation.footswitchmode        #pad1   {opacity:.25 !important;}
#presentation.footswitchmode.color  #pad1   rect{fill: #FFFFFF !important;}
#presentation.footswitchmode        #pad2   {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad2   rect{fill: #9F55A1 !important;}
#presentation.footswitchmode        #pad3   {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad3   rect{fill: #9F55A1 !important;}
#presentation.footswitchmode        #pad4   {opacity:.25 !important;}
#presentation.footswitchmode.color  #pad4   rect{fill: #FFFFFF !important;}
#presentation.footswitchmode        #pad5   {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad5   rect{fill: #FFFFFF !important;}
#presentation.footswitchmode        #pad6   {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad6   rect{fill: #3C57A7 !important;}
#presentation.footswitchmode        #pad7   {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad7   rect{fill: #FFFFFF !important;}
#presentation.footswitchmode        #pad8   {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad8   rect{fill: #9F55A1 !important;}
#presentation.footswitchmode        #pad9   {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad9   rect{fill: #3C57A7 !important;}
#presentation.footswitchmode        #pad10  {opacity:.25 !important;}
#presentation.footswitchmode.color  #pad10  rect{fill: #FFFFFF !important;}
#presentation.footswitchmode        #pad11  {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad11  rect{fill: #3C57A7 !important;}
#presentation.footswitchmode        #pad12  {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad12  rect{fill: #9F55A1 !important;}
#presentation.footswitchmode        #pad13  {opacity:.25 !important;}
#presentation.footswitchmode.color  #pad13  rect{fill: #FFFFFF !important;}
#presentation.footswitchmode        #pad14  {opacity:.65 !important;}
#presentation.footswitchmode.color  #pad14  rect{fill: #3C57A7 !important;}
#presentation.footswitchmode        #pad15  {opacity:.25 !important;}
#presentation.footswitchmode.color  #pad15  rect{fill: #FFFFFF !important;}
#presentation.footswitchmode        #pad16  {opacity:.25 !important;}
#presentation.footswitchmode.color  #pad16  rect{fill: #FFFFFF !important;}

#presentation.footswitchmode.mono #pads rect {fill: #F8991D !important;}

/*Displays*/
#presentation.footswitchmode    #display-pcm            {display:none !important;}
#presentation.footswitchmode    #display-mute           {display:inline !important;}
#presentation.footswitchmode    #display-track-names    {display:inline !important;}