@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

 @charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
@media(min-width: 100px) and (max-width: 750px ){
	  
	 .mogg {display:none;}
.logup {display:none;}
.navy {display:none;}
.fpage {display:none;}

.pinpon {position:absolute; left:90px; width:200px; height: 270px;}
table {
    border-collapse: collapse;
    width: 100%;
    
    font-size: 14px; /* Increased font size */
    color: #1f1f1f; /* Darker color for better contrast */
}
tr:nth-child(even) {
    background-color: #d0e8ff; /* Shiny light blue for even rows */
}

.notifications {
    font-family: "Inconsolata", monospace; /* Updated font */
    color: #d9534f; /* Bootstrap red */
    background-color: #fff7e6; /* Soft peach background */
    width: 75%;
    padding-top: 20px;
}

.register label {
    font-family: "Inconsolata", monospace;
    font-weight: normal;
    font-size: 14px; 
    color: #5a5a5a; /* Neutral color for labels */
}
.submit {
    font-family: "Inconsolata", monospace;
    background-color: #f39c12; /* Shiny orange */
    color: white; /* White text for contrast */
    border: none; 
    width: 10%;
    padding: 10px; 
    border-radius: 5px; 
    cursor: pointer; /* Pointer cursor */
}


.head1 {
    margin: auto;
    height: 5%;
    width: 100%;
    background-color: ; /* White background */
    position: absolute;
    top: 0;
    left: 0;
}

.head1 .logup {display:none;}
.head1 .logup #lv {
    font-family: "Inconsolata", monospace;
    font-size: 11px;
    color: #333;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 0;
    right: 5px;
}
.head1 .logup #lv li {
    float: left;
    padding: 5px 10px; 
    cursor: pointer;
}


.mbody {
    min-height: 95%;
    width: 98%;
    
    padding: 1px;
    word-wrap: break-word;
    position: absolute;
    left: 1%;
    top: 5%;
    
    overflow: scroll;
    
}




.mbody .disp {
    position: static;
    min-height: 100%;
    width: 90%;
    left: 5%;
    top: 5%;
    font-size: 12px;
    color: #333; 
 margin: 20px; 
    padding: 1px;
    word-wrap: break-word;
    text-align: justify;
    line-height: 1.5;
    opacity: 1;
    font-family: "Inconsolata", monospace;
    overflow: hidden;
    float: left;
    padding-left: 10px;
}

.mbody .disp .register {
    color: #666;
    height: 100%;
    width: 100%;
    position: static;
    left: 0;
    top: 5%;
    font-size: 12px;
    overflow: scroll;
    float: left;
}

.mbody .register form label {
    font-family: "Inconsolata", monospace;
    font-size: 12px;
    color: #333; 
    padding: 10px 2px; 
}

.mbody .register form input {
    background-color: #e8f9fd; /* Light shiny blue for inputs */
    font-family: "Inconsolata", monospace;
    font-weight: normal;
    font-size: 14px;
    color: #333; 
    position: absolute;
    left: 150px;
    border: 1px solid #f39c12; /* Shiny orange border */
    width: 200px;
}

.mbody .register .bott {
    font-family: "Inconsolata", monospace;
}

.mbody .register form textarea {
    background-color: #e8f9fd; /* Light shiny blue background */
    font-family: "Inconsolata", monospace;
    font-weight: normal;
    font-size: 12px;
    color: #333; 
    position: absolute;
    left: 120px;
    border: 1px solid #f39c12; /* Shiny orange border */
}

.mbody .register form select {
    background-color: #e8f9fd; /* Light shiny blue background */
    font-family: "Inconsolata", monospace;
    font-weight: normal;
    font-size: 12px;
    color: #333; 
    position: absolute;
    left: 100px;
    border: 1px solid #f39c12; /* Shiny orange border */
    width: 120px;
}

.mbody .disp .register1 {
    color: #666;
    height: 10%;
    width: 90%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5%;
    top: 5%;
}

.mbody .register1 .bott1 {
    font-family: "Inconsolata", monospace;
    font-size: 11px;
    color: #333; 
    background-color: #ffffff; /* White background */
}


 
	}
	
@media(min-width: 751px) and (max-width: 1600px ){	
.head1 .mog {
    display: none;
}




table {
    border-collapse: collapse;
    width: 100%;
    
    font-size: 18px;
     /* Slightly softer dark color */
}



.notifications {
    
    color: #c62828; /* Dark red */
    background-color: #fff3e0; /* Soft peach background */
    width: 75%;
    padding-top: 20px; /* Adjusted for better spacing */
    padding-left: 20px;
}

.register label {
    
    font-weight: normal;
    font-size: 14px;
    color: #555; /* Darker label color */
}

.submit {
    
    background-color: #ff9800; /* Vibrant orange */
    color: #fff; /* White text */
    border: none;
    padding: 10px 15px;
    border-radius: 5px; 
    cursor: pointer;
    width: auto;
}

.uplod {
    
    font-size: 14px;
    color: #000;
    height: 100px;
    width: 90%;
    padding-top: 20px; /* Adjusted */
    position: absolute;
    left: 5%;
}

.head1 {
    margin: auto;
    height: 5%;
    width: 100%;
    
    position: absolute;
    top: 0;
    left: 0;
    
}

.head1 .jorName {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 65%;
    position: absolute;
    left: 30%;
    top: 0;
    border: 1px solid black;
}


.head1 .logup #lv {
    font-family: "Inconsolata", monospace;
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
    list-style-type: none;
     border: 1px solid black;
     
}



.mbody {
    
    min-height: 95%;
    width: 98%;
    
    position: absolute;
    left: 1%;
    top: 5%;
   
    overflow: scroll;
    font-family: "Inconsolata", monospace;
    background-color: white; /* White for body */
    
}



.mbody .disp {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 1px;
    font-size: 18px;
    color: #333;
 
   
    text-align: justify;
    line-height: 1.6;
    font-family: "Inconsolata", monospace;
}

.mbody .register form label {
    font-family: "Inconsolata", monospace;
    font-size: 14px;
    color: #333;
    padding: 10px 0;
}

.mbody .register form input,
.mbody .register form textarea,
.mbody .register form select {
    background-color: #e1f5fe; /* Light shiny blue for inputs */
    font-family: "Inconsolata", monospace;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    border: 1px solid #90caf9; /* Light blue border */
    border-radius: 4px; 
    padding: 5px; 
    width: 200px; /* Consistent width */
}

.mbody .register .bott {
    font-family: "Inconsolata", monospace;
}

.mbody .disp .register1 {
    color: #666;
    height: 10%;
    width: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.mbody .register1 .bott1 {
    font-family: "Inconsolata", monospace;
    font-size: 12px;
    color: #333;
    background-color: #f1f8e9; /* Very light green background */
}


}


@media(min-width: 1601px) and (max-width:10000px){	
.head1 .mog {
    display: none;
}




table {
    border-collapse: collapse;
    width: 100%;
    
    font-size: 18px;
     /* Slightly softer dark color */
}



.notifications {
    
    color: #c62828; /* Dark red */
    background-color: #fff3e0; /* Soft peach background */
    width: 75%;
    padding-top: 20px; /* Adjusted for better spacing */
    padding-left: 20px;
}

.register label {
    
    font-weight: normal;
    font-size: 14px;
    color: #555; /* Darker label color */
}

.submit {
    
    background-color: #ff9800; /* Vibrant orange */
    color: #fff; /* White text */
    border: none;
    padding: 10px 15px;
    border-radius: 5px; 
    cursor: pointer;
    width: auto;
}

.uplod {
    
    font-size: 14px;
    color: #000;
    height: 100px;
    width: 90%;
    padding-top: 20px; /* Adjusted */
    position: absolute;
    left: 5%;
}

.head1 {
    margin: auto;
    height: 5%;
    width: 100%;
    border-bottom: 1px solid #f39c12; /* Shiny orange border */
    background-color: ; /* White background */
    position: absolute;
    top: 0;
    left: 0;
    
}

.head1 .jorName {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 65%;
    position: absolute;
    left: 30%;
    top: 0;
    border: 1px solid black;
}

.head1 .logup {
    margin: 0;
    padding: 0;
    width: 20%;
    position: absolute;
    top: 8%;
    right: 1%;
    height: 10%;
    border: 1px solid black;
}

.head1 .logup #lv {
    font-family: "Inconsolata", monospace;
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
    list-style-type: none;
     border: 1px solid black;
     
}



.mbody {
    
    min-height: 95%;
    width: 100%;
    border: 0.5px solid #ffb300; /* Bright border */
    position: absolute;
    left: 0px;
    top: 5%;
    padding: 20px; 
    overflow: scroll;
    font-family: "Inconsolata", monospace;
    background-color: white; /* White for body */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Enhanced shadow */
}



.mbody .disp {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 1px;
    font-size: 18px;
    color: #333;
    margin: 0; 
    padding: 20px; 
    text-align: justify;
    line-height: 1.6;
    font-family: "Inconsolata", monospace;
}

.mbody .register form label {
    font-family: "Inconsolata", monospace;
    font-size: 14px;
    color: #333;
    padding: 10px 0;
}

.mbody .register form input,
.mbody .register form textarea,
.mbody .register form select {
    background-color: #e1f5fe; /* Light shiny blue for inputs */
    font-family: "Inconsolata", monospace;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    border: 1px solid #90caf9; /* Light blue border */
    border-radius: 4px; 
    padding: 5px; 
    width: 200px; /* Consistent width */
}

.mbody .register .bott {
    font-family: "Inconsolata", monospace;
}

.mbody .disp .register1 {
    color: #666;
    height: 10%;
    width: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.mbody .register1 .bott1 {
    font-family: "Inconsolata", monospace;
    font-size: 12px;
    color: #333;
    background-color: #f1f8e9; /* Very light green background */
}

}