#RegisterBox                    {border-radius:10px; border:1px solid silver; max-width:350px; width:auto; padding:10px 30px 30px 30px; margin:20px 20px 20px 20px; height:620px}
#RegisterTitle                  {font-family:arial; font-size:xx-large; text-align:left;  font-weight:normal; margin-bottom:0px; margin-top:20px}
#RegisterSubTitle               {font-family:arial; font-size:20px; text-align:left;  font-weight:normal; margin-bottom:10px;}
#divFailed                      {margin-top:30px}

.panels                         {height:360px; overflow:hidden; border:0px red solid; display:flex; flex-direction: row; flex-wrap: nowrap; scroll-snap-type:x mandatory; -webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;position:relative;}
.panel                          {width:100%; flex-shrink: 0;scroll-snap-align:start; position:relative; padding-right:1px; text-align: left; padding-top:20px; }
.panel a                        {color:blue;}
.panel a:visited                {color:blue;}
.panel a:link                   {color:blue;}
.buttoncontainer                {margin-top:20px;}
.fielcontainer                  {margin-top:20px; text-align: left;}
.field                          {padding:10px 10px 10px 10px; width:100%;}

#alertbox_child				    {position: fixed;left: auto; right:auto; top:50px; width:75%; background-color:white; border:1px solid black; border-radius:10px; }
#alertboxtitle_child			{border-bottom:1px var(--lightgrey) solid; font-weight:bold; text-align:center; padding:20px 20px 10px 20px;}
#alertboxmessage_child			{border:0px green solid; text-align:center;padding:10px 20px 20px 20px;}
#alertboxbuttons_child			{border-top:1px silver solid;}
#alertbox_child td				{text-align:center;}
#alertbox_child .leftbutton	    {border-right:1px solid silver; cursor:pointer; padding:20px;}
#alertbox_child .rightbutton	{cursor:pointer; padding:20px;}
#alertbox_child .error          {padding:5px; background-color:red; color:white; text-align: center;}

/* ######################## */
/* # Buttons & Links      # */
/* ######################## */
.button                         {border:1px black solid; display: inline-block; padding:10px 20px 10px 20px; cursor: pointer;}
.button.solid.dark              {background-color:black; color:white;}
.button.solid.dark:hover        {background-color:black; color:white;}
.button.transparent.dark        {background-color:transparent; color:black; }
.button.transparent.dark:hover  {background-color:transparent; color:black; }

.elementbuttontable             {margin:10px 0 10px 0;}
.elementbuttontable .bonusfields{margin:10px 0 20px 0;}
.elementbuttoncell              {border:0px red solid; text-align:center;}
.elementbuttoncontainer div     {height:30px; width:100%; padding:10px 0 5px 0; cursor:pointer;}
.elementbuttoncontainerminor div{height:30px; width:100%; padding:10px 0 5px 0; cursor:pointer;}
.elementbuttonleft              {height:40px;border-bottom-left-radius:0px; border-top-left-radius:0px; display:flex; justify-content: center; align-items: center; cursor:pointer;}
.elementbuttonmid               {height:40px;border-radius:0px;display:flex; justify-content: center; align-items: center; cursor:pointer;}
.elementbuttonright             {height:40px;border-bottom-right-radius:0px; border-top-right-radius:0px; display:flex; justify-content: center; align-items: center; cursor:pointer;}
.elementbuttonsolo              {height:40px;border-bottom-right-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:8px; border-top-left-radius:8px; display:flex; justify-content: center; align-items: center; cursor:pointer;}
.elementbuttonoff               {color:black; border:1px outset silver; background-image:url('/Images/Backgrounds/ToggleButton_Off_Grey.jpg'); background-repeat:repeat-x;}
.elementbuttonon                {color:white; border:1px inset silver; border-bottom:1px silver solid; background-image:url('/Images/Backgrounds/ToggleButton_On_Gold.jpg'); background-repeat:repeat-x;}

INPUT                           {font-size:15px; padding:5px;}
INPUT[type=date]                {-webkit-appearance: none; height:40px; border:1px solid gray; background-color: white;font-size:15px; color:black}
select                          {-webkit-appearance: none; height:40px; border:1px solid gray; background-color: white;appearance: none;background-image: url('/Images/Backgrounds/Dropdown-Arrow.png');background-color: transparent;background-repeat: no-repeat;background-position: right;background-size: 20px;font-size:15px; color:black}
Body                            {background-color:white;}
#cmdLogin                       {border-radius:5px; width:100%; height:40px; padding:10px; background-image:url('/Images/Buttons/Button_Yellow_Background.jpg')}
#cmdRegister                    {border-radius:5px; width:100%; height:40px; padding:10px; background-image:url('/Images/Buttons/Button_Grey_Background.jpg')}
#imgLogo                        {height:100px; padding:0px;}
#Footer                         {width:900px; height:30px; background-image:url('/Images/Backgrounds/SigninFooter.jpg');}
#divFooter                      {font-family:Arial; padding:20px;font-size:15px;}
.footerlinks                    {padding-bottom:20px;}

#divRoleList                    {border:0px blue solid; height:280px;}
#divRoleList .role              {border:0px red solid; display:flex; padding:10px 0 5px 0; border-top:1px solid var(--lightgrey)}
#divRoleList .role .name        {width:100%}

#divDisciplineList                      {border:0px red solid; height:320px;}
#divDisciplineList .discipline          {border:0px red solid; display:flex; padding:10px 0 5px 0; border-top:1px solid var(--lightgrey)}
#divDisciplineList .discipline .name    {width:100%}

#divChildAccounts .child        {padding:10px 0 10px 0; border-bottom:1px solid var(--lightgrey); text-align:left; display:flex;}
#divChildAccounts .name         {border:0px red solid; width:100%}
#divChildAccounts .icon         {border:0px red solid; width:30px;}
#divChildAccounts .icon img     {width:20px;}

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

/* ######################## */
/* # Mobile               # */
/* ######################## */
@media only screen and (max-width: 1000px)
{
    #RegisterBox                {margin:0px 20px 20px 20px; }
    #divRoleList                {height:auto;}
}