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 : 18.227.46.202
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;
-webkit-box-shadow: 0 0 0px 1000px #FFF inset;
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:auto;
text-align:right;
}
#page-header-user {
position:relative;
float: right;
top:30px;
z-index:99;
height:auto;
width:auto;
text-align:right;
}
#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:500px;
border-radius:3px;
box-sizing: border-box;
border:1px solid #006699;
text-align:center;
background-color:#FFFFFF;
}
.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-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:nth-child(even)
{
/* background-color:#EEF5F9; */
}
#page-container-grid tr:nth-child(odd)
{
/* background-color: #FFFFFF; */
}
#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: 1px 0px 0px 0px;
padding:4px 10px 4px 10px;
cursor:pointer;
border:1px solid #0099FF;
font-weight:bold;
color:#fff;
background-color:#0099FF;
font:13px calibri;
border-radius:1px;
}
.btn_input:hover
{
color:#333333;
}
.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;
}
.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;
width:600px;
min-height: 200px;
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;
}
.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, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .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, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .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;
}
.btn_delete
{
margin: 2px 0px 2px 0px;
cursor:pointer;
border:0px solid #0099FF;
font-weight:bold;
color:#fff;
font:13px calibri;
border-radius:2px;
background-image:url(img/icon_delete_grey_02.png);
background-size:100% 100%;
height:15px;
width:15px;
}
.btn_delete:hover
{
color:#333333;
}
.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;
}
|