Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 13.59.217.1
| Current Path : /var/www/html/oums/ | |
| | Current File : /var/www/html/oums/style.css |
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid #ccc;
-webkit-text-fill-color: #000;
transition: background-color 5000s ease-in-out 0s;
}
* {
box-sizing: border-box;
}
body {
font: 14px calibri;
line-height: 25px;
padding: 0px;
margin: 0px;
min-height: 100%;
height: 100%;
background-color: #fff;
width: 100%;
}
#page-header {
position: relative;
margin-left: auto;
margin-right: auto;
min-width: 1000px;
padding: 5px;
height: 100px;
z-index: 9999;
font: 14px calibri;
background-color: #ffffff;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
#page-header-body {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
z-index: 99;
width: auto;
height: 50px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
#page-header-auth {
position: absolute;
display: inline;
z-index: 99;
color: #ff00ff;
text-align: right;
}
#page-header-note {
z-index: 99;
margin: 0px auto;
text-align: center;
}
#page-header-note a {
cursor: pointer;
text-decoration: none;
padding: 3px 4px;
border-radius: 2px;
}
#page-header-note a:hover {
cursor: pointer;
text-decoration: none;
background-color: #cccccc;
}
#page-header-link {
position: absolute;
display: inline;
right: 0px;
z-index: 99;
text-align: right;
}
#page-header-link a {
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: #666666;
}
#page-header-link a:hover {
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: #ff0000;
}
#page-header-dept {
position: absolute;
top: 30px;
z-index: 99;
height: auto;
width: 100%;
}
#page-header-titl {
position: absolute;
color: #0099cc;
z-index: 99;
width: 100%;
text-align: center;
top: 40px;
}
#page-header-menu {
position: absolute;
bottom: 5px;
height: 28px;
z-index: 1000;
float: left;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
#index-header-title {
z-index: 1000;
float: left;
box-sizing: border-box;
width: 100%;
text-align: center;
font-size: 22px;
color: #0099cc;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
#page-middle {
margin-left: auto;
margin-right: auto;
z-index: 3;
background-color: #fff;
border-top: #cccccc solid 1px;
border-bottom: #cccccc solid 1px;
min-width: 1000px;
box-sizing: border-box;
display: block;
overflow: auto;
padding: 5px;
box-sizing: border-box;
}
.page-container {
position: relative;
float: left;
width: 100%;
min-height: 600px;
border-radius: 3px;
box-sizing: border-box;
border: 1px solid #006699;
text-align: center;
background-color: #ffffff;
min-width: 1000px;
}
.page-container-head {
color: #ffffff;
font-weight: bold;
font-size: 14px;
min-height: 30px;
max-height: 30px;
font-weight: bold;
background: #006699;
text-align: center;
padding: 2px 5px;
}
#page-container-titl {
position: relative;
float: left;
z-index: 0;
width: auto;
font-weight: bold;
}
#page-container-link {
position: relative;
float: right;
z-index: 0;
min-height: 28px;
margin-top: -2px;
}
#page-container-link a {
margin: 0px 4px;
padding: 3px 6px;
}
.page-container-foot {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
margin: 5px;
padding: 5px;
height: auto;
color: #999999;
font-weight: bold;
text-align: center;
border-top: 1px dashed #cccccc;
box-sizing: border-box;
}
.page-container-login {
margin: 30px auto;
width: 320px;
border-radius: 3px;
box-sizing: border-box;
text-align: center;
background-color: #ffffff;
border: 1px solid #006699;
}
#page-container-body {
margin-left: auto;
margin-right: auto;
width: 100%;
overflow: visible;
text-align: center;
line-height: 25px;
padding: 5px;
box-sizing: border-box;
}
#page-container-main {
width: 100%;
box-sizing: border-box;
margin-bottom: 5px;
}
#page-container-grid {
position: relative;
border: 0px solid #999999;
border-collapse: collapse;
overflow: visible;
margin-left: auto;
margin-right: auto;
/* max-width: 1366px; */
}
#page-container-grid table {
border-collapse: collapse;
width: 100%;
border: 1px solid #0099cc;
}
#page-container-grid tr {
border-collapse: collapse;
color: #006699;
}
#page-container-grid tr:hover td {
border-collapse: collapse;
background-color: #dfe0de;
}
#page-container-grid th {
text-align: center;
color: #006699;
border: 1px solid #ccc;
font: 14px calibri;
line-height: 24px;
padding: 2px 5px;
background: linear-gradient(#ffffff, #cccccc);
/* Standard syntax */
}
#page-container-grid td {
border-collapse: collapse;
font: 14px calibri;
line-height: 22px;
border: 1px solid #ccc;
padding: 2px 5px;
}
#page-container-grid a {
cursor: pointer;
/* color: #006699; */
padding: 2px 5px;
text-decoration: none;
}
#page-container-grid a:hover {
cursor: pointer;
/* color: #ff0000; */
}
#page-container-form {
position: relative;
border: 1px solid #ccc;
border-collapse: collapse;
width: 100%;
padding: 10px 10px 0px 10px;
background-color: #ffffff;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
/* max-width: 1366px; */
}
#page-container-form table {
border-color: #ccc;
}
#page-container-form td {
border-collapse: collapse;
color: #006699;
border-color: #ccc;
line-height: 30px;
padding: 2px;
}
.head_blue {
border-collapse: collapse;
color: #ffffff;
height: auto;
font-weight: bold;
min-height: 26px;
padding: 2px 5px;
background-color: #006699;
/* Standard syntax */
box-sizing: border-box;
}
.list_items {
background-color: #ffffff;
border-collapse: collapse;
color: #006699;
font-weight: bold;
display: block;
}
.list_items:hover {
cursor: pointer;
color: #0066ff;
}
.th_blue {
color: #0099cc;
font-weight: bold;
}
.btn_input {
margin: 0px 2px;
padding: 3px 8px 3px 8px;
cursor: pointer;
border: 1px solid #0099ff;
font-weight: bold;
color: #000;
background-color: #0099ff;
font: 13px calibri;
border-radius: 2px;
}
.btn_input:hover {
color: #FFF;
text-decoration: none;
}
.btn_dele {
margin: 0px 2px;
padding: 3px 8px 3px 8px;
cursor: pointer;
border: 1px solid #0099ff;
font-weight: bold;
color: #000;
background-color: #ff0000;
font: 13px calibri;
border-radius: 2px;
}
.btn_dele:hover {
color: #FFF;
text-decoration: none;
}
.btn_cncl {
margin: 0px 2px;
padding: 3px 8px 3px 8px;
cursor: pointer;
border: 1px solid #0099ff;
font-weight: bold;
color: #000;
background-color: #CCC;
font: 13px calibri;
border-radius: 2px;
}
.btn_cncl:hover {
color: #FFF;
text-decoration: none;
}
.image_file {
font-size: 12px;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
padding-bottom: 3px;
color: #000000;
border: 1px solid #0099cc;
border-radius: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
visibility: hidden;
}
.image_passport {
height: 140px;
width: 130px;
margin: 5px;
}
.image_passport:hover {
cursor: pointer;
background-color: #cccccc;
box-shadow: 0px 0px 5px #ccc;
}
.image_square {
height: 130px;
width: 130px;
margin: 5px;
}
.image_square:hover {
cursor: pointer;
background-color: #cccccc;
box-shadow: 0px 0px 5px #ccc;
}
.label_red {
color: #ff0000;
font-weight: bold;
}
.label_green {
color: #00cc00;
font-weight: bold;
}
.label_blue {
color: #0066ff;
font-weight: bold;
}
.label_black {
color: #666666;
font-weight: bold;
}
.label_grey {
color: #cccccc;
font-weight: bold;
}
.tbl_col1_100 {
min-width: 100px;
text-align: right;
}
.tbl_col1_120 {
min-width: 120px;
text-align: right;
}
.tbl_col1_140 {
min-width: 140px;
text-align: right;
}
.tbl_col1_160 {
min-width: 160px;
text-align: right;
}
.tbl_col2_001 {
width: 1px;
text-align: center;
}
.tbl_col3_120 {
min-width: 120px;
text-align: left;
}
.tbl_col3_200 {
min-width: 200px;
text-align: left;
}
.tbl_col3_300 {
min-width: 300px;
text-align: left;
}
.page_mode {
position: absolute;
left: 5px;
top: 0px;
padding: 0px 15px;
background-color: #999999;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #ffffff;
text-align: center;
border: 0px;
}
.home-badge {
float: right;
margin-right: 10px;
}
#home-content-link {
position: absolute;
top: 0px;
left: 0px;
overflow: auto;
padding: 5px;
bottom: 0px;
border-right: 1px solid #ccc;
}
#home-content-link a:link {
display: block;
cursor: pointer;
text-decoration: none;
text-align: left;
padding: 2px 5px;
border-bottom: 0px solid #eaeaea;
color: #333333;
}
#home-content-link a:hover {
background-color: #eaeaea;
color: #0066cc;
text-decoration: none;
}
#home-content-link a:visited {
background-color: #eaeaea;
text-decoration: none;
}
#home-content-link a:active {
background-color: #eaeaea;
text-decoration: none;
}
#home-content-page {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
overflow: auto;
padding: 5px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
#home-content-note {
position: relative;
overflow: auto;
padding: 0px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
#home-content-note a {
display: block;
cursor: pointer;
text-decoration: none;
text-align: left;
padding: 2px 10px;
border-bottom: 1px solid #eaeaea;
color: #666666;
}
#home-content-note a:hover {
background-color: #eaeaea;
text-decoration: none;
}
#page-mode-body {
position: relative;
top: 60px;
width: auto;
background-color: #ffffff;
overflow: auto;
margin: 5px auto;
text-align: center;
}
#user-password-request-body {
position: relative;
top: 60px;
background-color: #ffffff;
overflow: auto;
margin: 5px auto;
text-align: center;
}
#user-password-change-body {
position: relative;
width: 600px;
background-color: #ffffff;
overflow: auto;
margin: 5px auto;
text-align: center;
top: 50%;
transform: translateY(-60%);
}
.container-black {
position: fixed;
top: 0px;
left: 0px;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
width: calc(100%);
height: calc(100%);
height: 100px;
visibility: hidden;
padding: 10px;
}
.input-bottom-border {
color: #333333;
font-size: 14px;
padding: 5px;
width: 100%;
border-top: none;
border-left: none;
border-right: none;
font: 16px calibri;
border-bottom: 1px solid #ccc;
}
.input-bottom-border:focus,
.input-bottom-border:active {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #0066ff;
}
.uppercase {
text-transform: uppercase;
}
.form-input {
width: 100%;
padding: 3px 3px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input.form-input[type="text"] {
width: 100%;
padding: 3px 3px;
font-size: 14px;
line-height: 1.295;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
}
.form-input::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-input:-ms-input-placeholder {
color: #999;
}
.form-input::-webkit-input-placeholder {
color: #999;
}
.form-input::-ms-expand {
background-color: transparent;
border: 0;
}
.form-input[disabled],
.form-input[readonly],
fieldset[disabled] .form-input {
background-color: #eee;
opacity: 1;
}
.form-input[disabled],
fieldset[disabled] .form-input {
cursor: not-allowed;
}
textarea.form-input {
height: auto;
}
.page-process-head {
position: relative;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
top: 30%;
width: 300px;
padding: 5px 0px;
z-index: 999999;
text-align: center;
color: #ffffff;
background-color: #336699;
}
.page-process-body {
position: relative;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
top: 30%;
width: 300px;
background-color: #ffffff;
z-index: 999999;
text-align: center;
}
.grid-foot {
background: linear-gradient(#ffffff, #cccccc);
/* Standard syntax */
padding: 3px 5px;
margin-top: 2px;
border: 1px solid #ccc;
}
.grid-foot-left {
width: 30%;
float: left;
text-align: left;
}
.grid-foot-center {
width: 30%;
margin: 0px auto;
text-align: center;
}
.grid-foot-right {
width: 30%;
float: right;
text-align: right;
}
.grid-foot a {
cursor: pointer;
margin: 2px 5px;
text-decoration: none;
color: #666666;
padding: 2px 5px;
}
.grid-foot a:hover {
color: #ff0000;
}
.disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0.5;
}
|