/* Project/_Template/css/public_style.css
 * 
 * Main public page atributes
 * 
 * body 
 * public-page-container
 * 
 * FORM
 * ERROR_CONFIRM
 * 
*************************************************************************************************/

body {
    margin: 0;                                                      /* Remove default margin */
    padding: 0;                                                     /* Remove default padding */
    height: 100vh;                                                  /* Viewport height */
    width: clamp(1024px, 100vw, 3840px);                            /* 100% of the viewport width with min and max */
    background-color: #f0f0f0;                                      /* Set the background color */
    /*background-image: url('../Media/Background/body_bg_image.png'); /* Set the path to your background image */
    background-size: cover;                                         /* Set the background size to cover the entire viewport */
    background-position: center;                                    /* Center the background image */
    /* overflow: hidden;                                               /* Hide both horizontal and vertical scrollbars */
}


.public-page-container {
    position: absolute;
    margin: 0;                                                      /* Remove default margin */
    width: clamp(716px, 70vw, 2688px);                              /* 70% of the viewport width with min and max */
    left: 15vw;
    /*background-color: #bbffff;                                    /* Background color for the header */
    background-color: rgba(255, 255, 255, 0.75);                    /* Semi-transparent white background color */
    
    /*max-height: 88%;                                              /* Set the maximum height for the table container */
    height: 90%;
    overflow-y: auto;                                               /* Enable vertical scrolling */
    
    padding: 35px 35px 20px 35px;                                   /* Padding inside top right bottom left */
}












/* FORM */
/*************************************************************************************************/
.float-to-center {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 999;
}


.form-container{
    background-color: #555555;
    color: white;
    border: 2px solid #3498db;
    border-radius: 15px;
    padding: 10px;
}





.form-container table{
	vertical-align: middle;
}

.form-container tr {
    height: 15px; /* Set the height of table rows */
    padding: 0; /* Set padding to 0 for table rows */
}

.form-container td {
    padding: 4px;
    /* border: 1px solid #ddd;         /* Set border for cells */
}




.form-container a {
	color: white;
	text-decoration: none; /* Remove underline */
}
	
.form-container a:visited {
	color: white;
}
	
.form-container a:hover {
	text-decoration: underline;
}
	
.form-container a:active {
	color: white;
}






/* ERROR_CONFIRM */
/*************************************************************************************************/
.error-confirm {
    position: relative;
    float: right;                     /* Float the div to the right */
    margin-right: 20px;             /* Add some margin for spacing */
    /* background-color: #0000ff;   /* */
    z-index: 999;                   /* */
}


.error-confirm .error_red {
    display: flex;
    width: 500px; /* Set the width of the div */
    height: 50px; /* Set the height of the div */
    align-items: center; /* Center the content vertically */
    justify-content: center; /* Center the content horizontally */
    text-align: center; /* Center text horizontally */
    
    background-color: #FFC7CE; /* Set the background color #FFC7CE */
    color: #9C0006; /* Set text color #9C0006 RED*/
    border-radius: 15px;
}


.error-confirm .confirm_green {
    display: flex;
    width: 500px; /* Set the width of the div */
    height: 50px; /* Set the height of the div */
    align-items: center; /* Center the content vertically */
    justify-content: center; /* Center the content horizontally */
    text-align: center; /* Center text horizontally */
    
    background-color: #C6EFCE; /* Set the background color #C6EFCE */
    color: #006100; /* Set text color #006100 GREEN*/
    border-radius: 15px;
}















/*************************************************************************************************/
/* End-of File! */