/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #ffffff;
    font-size: 10px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    margin-top:0px;
    margin-bottom:0px;
    padding: 0px;
    color: #696969;
    background-image: url(bkg-blu.jpg);
}

.mainleftimage 
{
    background-image: url(left-side.gif);
}
.title
{
    font-size:28px;
    color: #696969;
    font-weight:bold;
    margin-top: 0cm;
}

.failureNotification 
{
    color: red;
}

.textarea1 { padding: 13px; font-size: 16px; width:20px; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;}

input { padding: 3px; font-size: 16px; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;}



/* Base styles for the submit button */
.button {
    /* Set basic dimensions and appearance */
    width: 25%;
    padding: 10px 12px;
    
    /* Define colors and borders */
    background-color: #FFA500; /* A pleasant teal color */
    color: #fff; /* White text */
    border: none;
    border-radius: 5px; /* Slightly rounded corners */
    text-decoration: none;
    
    /* Style the text and cursor */
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    
    /* Add a smooth transition for hover effect */
    transition: background-color 0.3s ease;
    
    /* Prevent text selection */
    user-select: none;
}

/* Hover and active states for user interaction */
.button:hover {
    background-color: #3498db; /* A slightly darker shade on hover */
}

.button:active {
    background-color: #48817f; /* Even darker when clicked */
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .button 
    {
        width: 60%;
        padding: 10px 15px; /* Smaller padding for mobile screens */
        font-size: 14px;
    }
    
    .hide-row {
        display: none; /* Hides the logo cell on mobile */
    }    
}

    
.center1
{
    text-align: center;
}

.failureNotification
{
    font-size:12px;
    color:red;
}

.blacknormal
{
    font-size:14px;
    color: #696969;
}

.blackbold
{
    font-size:14px;
    color: #696969;
    font-weight:bold;
}

.modalBackground {
	background-color:Black;
	filter:alpha(opacity=90);
	opacity:0.8;
}
.modalPopup_11 {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:10px;
	padding-left:10px;
	width:500px;
	height:240px;
}

.modalPopup
{
    background-color: #FFFFFF;
    width: 0px;
    border: 0px solid #0DA9D0;
    border-radius: 0px;
    padding:0
      
}


.TimePicke1 
{
    font-size:44px;
    width:500px;
	height:240px;
}



.modal
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: Black;
    z-index: 1000;
    opacity: 0.9;
    filter: alpha(opacity=40);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;  
  
}

.center
{
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    z-index: 1000;
    background-color: White;  
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -60px; /* make this half your image/element height */
    margin-left: -80px; /* make this half your image/element width */
    padding-top: 10px;
    padding-bottom: 10px;
    text-align:center;
}


.table { 
    border: 2px solid lightgray;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0px;
}

.table-green { 
    border: 2px solid green;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0px;
}

.table-orange    { 
    border: 2px solid #EF9F23;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0px;
}

.table-blue    { 
    border: 2px solid #49ADD1;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0px;
}

.table-red    { 
    border: 2px solid #D84E4B;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0px;
}

.table-pink    { 
    border: 2px solid pink;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0px;
}

.brownnormal
{
    font-size:10pt;
    color: brown;
}

    .bluenormal {
        font-size: 14pt;
        color: blue;
        text-decoration:none;
    }

    .bluenormal:hover {
        font-size: 14pt;
        color: red;
        text-decoration: underline;        
    }