.TDexonGUI_Body
{
   background-repeat: no-repeat;
   background-size: cover;        
   background-position: center;   
   background-attachment: fixed;
   background-color: #000; 
   margin: 0;
   padding: 0;
}

.TGUIL_SysLogin 
{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   position: relative;
   overflow: auto;
   padding: 80px 20px;
   box-sizing: border-box;
   min-height: 100vh;
   width: 100%;
}

.TGUIL_SysLogin .Logo 
{
   position: relative;
   margin-bottom: 60px;
   z-index: 2;
   pointer-events: none;
   max-width: 350px;
   width: 80%;
}

.TGUIL_Logon,
.TGUIL_Recovery 
{
   padding: 40px 60px;
   margin-top: 0;
   background: rgba(255, 255, 255, 0.85);
   border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: 8px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
   backdrop-filter: blur(10px);
   box-sizing: border-box;
   z-index: 1;
   width: 100%;
   max-width: 800px;
}

.GroupRemember
{
   display: flex;
   width: 100%;
   padding: 15px 0;
   justify-content: space-between;
   align-items: center;
}

.Remember
{
   flex-direction: row;
   align-items: center;
   padding: 0;
   margin-right: auto;
   display: flex;
}

.Remember label
{
   margin-left: 10px;
   margin-right: 0;
   order: 2;
}

.Remember input[type="checkbox"]
{
   width: auto;
   margin-left: 0;
   margin-right: 0;
   order: 1;
}

.Forgot
{
   margin-left: auto;
   padding: 0;
   text-align: right;
}


@media (max-width: 900px) 
{
   .TGUIL_SysLogin 
   {
      padding: 60px 20px;
   }
   
   .TGUIL_SysLogin .Logo 
   {
      margin-bottom: 50px;
      max-width: 320px;
   }
   
   .TGUIL_Logon,
   .TGUIL_Recovery 
   {
       padding: 30px 40px;
   }
}

@media (max-width: 768px) 
{
   .TGUIL_SysLogin 
   {
      padding: 50px 20px;
   }
   
   .TGUIL_SysLogin .Logo 
   {
      margin-bottom: 40px;
      max-width: 280px;
   }
   
   .TGUIL_Logon,
   .TGUIL_Recovery 
   {
       padding: 25px 30px;
       max-width: 90%;
   }

   
}

@media (max-width: 480px) 
{
   .TGUIL_SysLogin 
   {
      padding: 40px 15px;
   }
   
   .TGUIL_SysLogin .Logo 
   {
      margin-bottom: 30px;
      max-width: 220px;
   }
   
   .TGUIL_Logon,
   .TGUIL_Recovery 
   {
      padding: 20px;
      max-width: 95%;
   }
}

@media (max-height: 800px) 
{
   .TGUIL_SysLogin 
   {
      padding: 40px 20px;
   }
   
   .TGUIL_SysLogin .Logo 
   {
      margin-bottom: 30px;
      max-width: 280px;
   }
   
   .TGUIL_Logon,
   .TGUIL_Recovery 
   {
      padding: 30px 40px;
   }
}

@media (max-height: 600px) 
{
   .TGUIL_SysLogin 
   {
      padding: 20px 15px;
   }
   
   .TGUIL_SysLogin .Logo 
   {
      margin-bottom: 20px;
      max-width: 200px;
   }
   
   .TGUIL_Logon,
   .TGUIL_Recovery 
   {
      padding: 20px 30px;
   }
   
   .GroupTitulo {
      padding-bottom: 10px;
   }
   
   .TDexonGUI_FormGroupField {
      padding: 5px 0;
   }
}