/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
.login_table {
 backdrop-filter: blur(25px) saturate(200%) contrast(110%);
 background: linear-gradient(
 135deg,
 rgba(255, 255, 255, 0.15) 0%,
 rgba(245, 245, 255, 0.1) 50%,
 rgba(235, 235, 255, 0.05) 100%
 ) !important;
 border: 1px solid transparent;
 box-shadow: 
 0 8px 32px rgba(0, 0, 0, 0.15),
 inset 0 0 10px rgba(255, 255, 255, 0.2);
 border-radius: 14px;
 position: relative;
 overflow: hidden;
}

.login_table::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(
 45deg,
 rgba(255, 255, 255, 0.05),
 rgba(200, 200, 255, 0.1),
 rgba(255, 200, 200, 0.05)
 );
 opacity: 0.5;
 pointer-events: none;
}

.login_table::after {
 content: '';
 position: absolute;
 top: -2px;
 left: -2px;
 right: -2px;
 bottom: -2px;
 border-radius: 16px;
 box-shadow: 
 -1px -1px 0 rgba(255, 100, 100, 0.3), /* Red fringe */
 1px 1px 0 rgba(100, 255, 100, 0.3), /* Green fringe */
 0 0 2px rgba(100, 100, 255, 0.3); /* Blue fringe */
 pointer-events: none;
 z-index: -1;
}

.center.login_main_home.paddingtopbottom.backgroundsemitransparent.boxshadow {
 backdrop-filter: blur(25px) saturate(200%) contrast(110%);
 background: linear-gradient(
 135deg,
 rgba(255, 255, 255, 0.15) 0%,
 rgba(245, 245, 255, 0.1) 50%,
 rgba(235, 235, 255, 0.05) 100%
 ) !important;
 border: 1px solid transparent;
 box-shadow: 
 0 8px 32px rgba(0, 0, 0, 0.15),
 inset 0 0 10px rgba(255, 255, 255, 0.2);
 border-radius: 14px;
 font-weight: 700;
 position: relative;
 overflow: hidden;
}

.center.login_main_home.paddingtopbottom.backgroundsemitransparent.boxshadow::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(
 45deg,
 rgba(255, 255, 255, 0.05),
 rgba(200, 200, 255, 0.1),
 rgba(255, 200, 200, 0.05)
 );
 opacity: 0.5;
 pointer-events: none;
}

.center.login_main_home.paddingtopbottom.backgroundsemitransparent.boxshadow::after {
 content: '';
 position: absolute;
 top: -2px;
 left: -2px;
 right: -2px;
 bottom: -2px;
 border-radius: 16px;
 box-shadow: 
 -1px -1px 0 rgba(255, 100, 100, 0.3), /* Red fringe */
 1px 1px 0 rgba(100, 255, 100, 0.3), /* Green fringe */
 0 0 2px rgba(100, 100, 255, 0.3); /* Blue fringe */
 pointer-events: none;
 z-index: -1;
}