html {
width: 100%;
height: 100%;
}
/** タブ */
body.neo {
color: rgb(112, 112, 112);
background-color: rgb(222, 235, 246);
margin: 0em;
overflow: hidden;
font-family: "Hiragino Maru Gothic Pro";
}
body.neo-dlg {
color: rgb(112, 112, 112);
margin: 0em;
overflow: hidden;
font-family: "Hiragino Maru Gothic Pro";
}
table td > input[type='text'] {
font-family: Arial;
}
body.neo form,
body.neo-dlg form {
margin: 0px;
}
/* ぱんくず Start */
ul.breadcrumb {
display: table;
height: 100%;
list-style: none;
padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
}
ul.breadcrumb li {
display: table-cell;
vertical-align: middle;
font-size: 100%;
}
ul.breadcrumb li+li:before {
padding: 0px 5px;
content: "\03e";
}
/* ぱんくず End */
#neoModalDlg {
padding: 0px;
}
.neodlg {
font-size: 10pt;
}
.neodlg .ui-dialog-content,
.neodlg .ui-dialog-buttonpane {
padding: 0px 0px;
}
.neodlg .ui-dialog-content {
min-height: 25px !important;
}
.neodlg .ui-dialog-buttonpane button {
margin-top: 2px;
margin-bottom: 2px;
}
.neodlg-err .ui-dialog-titlebar-close,
.neodlg-cnfm .ui-dialog-titlebar-close {
display: none;
}
.root_container {
width: 100%;
height: 100%;
overflow: hidden;
}
#div_tiles_content > * {
width: 100%;
}
.alignL {
text-align: left;
}
.required::after {
content: "*";
color: red;
}
table.fullcell > tbody > tr > th > *,
table.fullcell > tbody > tr > td > *,
tr.fullcell > td > *,
td.fullcell > * {
width: 100%;
}
input::placeholder {
color: rgb(227, 227, 227);
}
/* IE */
input:-ms-input-placeholder {
color: rgb(227, 227, 227);
}
/* Edge */
input::-ms-input-placeholder {
color: rgb(227, 227, 227);
}
input.inpt_cmn_100per {
padding: 0.2em;
// border: 1px solid rgb(185, 196, 210);
width: calc(100% - 0.4em - 2px);
font-size: 1.2em;
}
.nowrap,
table > tbody > tr.nowrap > th,
table > tbody > tr.nowrap > td,
table.nowrap > tbody > tr > th,
table.nowrap > tbody > tr > td,
table.nowrapTd > tbody > tr > td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
table.tbl-base {
border-collapse: separate;
border-spacing: 0;
font-size: 9pt;
}
table.tbl-base > tbody > tr > th {
background-color: rgb(205, 215, 222);
font-style: normal;
font-weight: normal;
}
table.tbl-base > tbody > tr > td {
color: #404040;
}
table.tbl-newui {
border-collapse: collapse;
border: 1px solid rgb(185, 196, 210);
font-size: 9pt;
}
table.tbl-newui > tbody > tr > th > select,
table.tbl-newui > tbody > tr > td > select {
font-size: 9pt;
}
table.tbl-newui > tbody > tr.mouse-hover:hover{
background-color: #EDECCA;
}
table.tbl-newui > tbody > tr > th,
table.tbl-newui > tbody > tr > td {
border: solid 1px rgb(112,112,112);
overflow: hidden;
color: #404040;
}
table.tbl-newui > tbody > tr > td > input[type='text'] {
margin: 0px;
}
table.tbl-def-CB > tbody > tr > td > input[type='text'],
table.tbl-def-CB > tbody > tr > td > textarea,
table.tbl-def-CB > tbody > tr > td > select,
table.tbl-newui > tbody > tr > td > input[type='text']:not(.no-disp),
table.tbl-newui > tbody > tr > td > textarea:not(.no-disp),
table.tbl-newui > tbody > tr > td > select:not(.no-disp) {
border-style : inset;
border-width : 1px;
}
table.tbl-newui > tbody > tr > td > input[type='button'],
table.tbl-newui > tbody > tr > td > input[type='submit'] {
border-width : 1px;
}
/* セルディフォルト背景色 */
table.cell-defbg > tbody > tr > td {
background-color: rgb(255, 255, 255);
}
table.tbl-newui > tbody > tr > th {
background-color: rgb(205, 215, 222);
font-style: normal;
font-weight: normal;
}
table.tbl-thL > tbody > tr > th,
table.tbl-thL-plr5 > tbody > tr > th {
text-align: left;
}
table.tbl-thL-plr5 > tbody > tr > th,
table.tbl-thL-plr5 > tbody > tr > td {
padding-left: 5px;
padding-right: 5px;
}
table.tbl-thC > tbody > tr > th,
table.tbl-tdC > tbody > tr > td {
text-align: center;
}
.labelText {
border : none;
background-color : transparent;
text-align : center;
}
input[type="text"].labelText:focus {
outline: 0;
}
div.neo-pageArea {
vertical-align: top;
text-align: center;
width: 100%;
height: -moz-calc(100% - 30px);
height: -webkit-calc(100% - 30px);
height: calc(100% - 30px); /* Notice: 30 is the height of breadcrumb */
}
/**
* Container with header and footer
*/
.ctnrWithHdFt > div.ctnrCont,
.ctnrWithHdFt > div.ctnrCont2 {
vertical-align: top;
text-align: center;
overflow: auto;
width: 100%;
}
.ctnrWithHdFt > div.ctnrCont {
height: -moz-calc(100% - 66px);
height: -webkit-calc(100% - 66px);
height: calc(100% - 66px); /* Notice: - the height of toolbar and footer */
}
.ctnrWithHdFt > div.ctnrCont2 {
max-height: -moz-calc(100% - 66px);
max-height: -webkit-calc(100% - 66px);
max-height: calc(100% - 66px); /* Notice: - the height of toolbar and footer */
}
/**
* Toolbar container of container with header and footer
*/
.ctnrWithHdFt > div.ctnrTool,
div.neo-toolbar {
white-space: nowrap;
vertical-align: middle;
text-align: left;
display: flex;
justify-content: space-between;
padding: 0px;
height: 28px;
border: 1px solid white;
}
/**
* Container with single footer
*/
.ctnrWithFt > div.ctnrCont,
.ctnrWithFt > div.ctnrCont2,
.ctnrWithFt3 > div.ctnrCont {
vertical-align: top;
text-align: center;
overflow: auto;
width: 100%;
}
.ctnrWithFt > div.ctnrCont,
.ctnrWithFt > div.ctnrCont2 {
height: -moz-calc(100% - 36px);
height: -webkit-calc(100% - 36px);
height: calc(100% - 36px); /* Notice: - the height of footer */
}
.ctnrWithFt3 > div.ctnrCont {
height: -moz-calc(100% - 42px);
height: -webkit-calc(100% - 42px);
height: calc(100% - 42px); /* Notice: - the height of footer */
}
.ctnrWithFt > div.ctnrFoot,
.ctnrWithFt3 > div.ctnrFoot,
.ctnrWithHdFt > div.ctnrFoot {
white-space: nowrap;
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0px;
}
.ctnrWithFt > div.ctnrFoot,
.ctnrWithHdFt > div.ctnrFoot {
padding: 0px;
height: 34px;
border: 1px solid white;
}
.ctnrWithFt3 > div.ctnrFoot {
padding: 0px;
height: 40px;
border: 1px solid rgb(112,112,112);
display: flex;
align-items: center;
justify-content: flex-end;
background-color: rgb(205, 215, 222);
}
.ctnrWithFt3 > div.ctnrFoot > *:not(:last-child) {
margin-right: 10px;
}
.on-hover:not(:disabled):hover {
background-color: #66FFFF;
color: black;
}
.btn-action-main {
background-color: rgb(255, 255, 255);
color: rgb(0, 75, 177);
border: 2px solid rgb(0, 75, 177);
border-radius: 24px;
font-size: 150%;
padding: 8px 64px;
}
.btn-action-main:hover {
background-color: rgb(0, 75, 177);
color: rgb(255, 255, 255);
cursor: pointer;
}
/*
.btn-action-main:active {
border: 2px solid rgb(0, 75, 177);
}
.btn-action-main:focus {
outline: none;
border: 2px solid rgb(0, 255, 0);
}
*/
.btn_action {
background-color: rgb(0, 75, 177);
color: rgb(255, 255, 255);
border: 1px solid rgb(0, 75, 177);
border-radius: 6px;
/*font-size: 100%;*/
padding: 4px 8px;
}
.btn_action:enabled:hover {
background-color: rgb(255, 255, 255);
color: red;
cursor: pointer;
}
.btn_action:disabled {
background-color: lightgray;
border: 1px solid gray;
}
.btn_action2 {
background-color: rgb(255, 255, 255);
color: rgb(0, 75, 177);
border: 1px solid rgb(0, 75, 177);
border-radius: 6px;
/*font-size: 100%;*/
padding: 4px 8px;
}
.btn_action2:hover {
background-color: rgb(0, 75, 177);
color: rgb(255, 255, 255);
cursor: pointer;
}
.btn_normal:enabled:hover {
background-color: #66FFFF;
}
.tabTitle {
overflow: hidden;
// border: 1px solid #ccc;
width: 100%;
height: 36px;
}
.tabTitle button {
height: 100%;
padding: 6px 16px;
margin: 0px;
background: linear-gradient(rgb(47, 92, 179), rgb(87, 131, 205));
color: white;
float: left;
border: 1px solid;
border-color: rgb(47, 92, 179);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
outline: none;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
}
.tabTitle button.active {
background: white;
color: rgb(47, 92, 179);
border-bottom-width: 0px;
}
.tabTitle button:hover {
background: white;
color: rgb(47, 92, 179);
}
.tabContent {
display: none;
margin: 0em;
height: calc(100% - 2.5em);
border-top: none;
background-color: white;
overflow-y: auto;
}
table.tbl-with-cap caption {
text-align: left;
white-space: nowrap;
}
table.tbl-with-cap caption ul {
padding-inline-start: 0px;
margin: 0em 0em;
}
table.tbl-with-cap caption ul li {
list-style-type: none;
}
table.tbl-with-cap caption ul li:before {
content:"\025a0";
vertical-align: middle;
}
/** イメージ(勤務表グリッド) */
img.cell-img {
width: 16px;
}
body.neo td,
body.neo input {
letter-spacing: 0pt;
}
table.tbl-cndtn {
border-collapse: collapse;
border: 1px solid rgb(185, 196, 210);
width: 100%;
}
table.tbl-cndtn * {
font-size: 9pt;
}
table.tbl-cndtn > tbody > tr > th,
table.tbl-cndtn > tbody > tr > td {
border: solid 1px rgb(112,112,112);
}
table.tbl-cndtn > tbody > tr > th,
table.tbl-cndtn > tbody > tr > td {
overflow: hidden;
padding-left:5px;
}
table.tbl-cndtn > tbody > tr th {
background-color: rgb(205, 215, 222);
color: #404040;
text-align: left;
width: 85px;
min-width: 85px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
}
table.tbl-cndtn > tbody > tr td {
background-color: white;
font-style: normal;
letter-spacing: 0px;
}
table.tbl-sepline,
table.tbl-sepline2 {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
table.tbl-sepline > tbody > tr {
height: 10px;
}
table.tbl-sepline2 > tbody > tr {
height: 5px;
}
div.cmn-srch,
div.cmn-ctrl,
table.tbl-cmn-srch,
table.tbl-cmn-ctrl {
/*width: 840px;*/
width: 100%;
}
table.tbl-cmn-srch > tbody > tr > th,
table.tbl-cmn-srch > tbody > tr > td,
table.tbl-cmn-data > tbody > tr > th,
table.tbl-cmn-data > tbody > tr > td,
table.tbl-cmn-data2 > tbody > tr > th,
table.tbl-cmn-data2 > tbody > tr > td {
padding-left: 5px;
padding-right: 5px;
}
table.tbl-cmn-srch > tbody > tr > th,
table.tbl-cmn-srch > tbody > tr > td {
height: 22px;
}
table.tbl-cmn-data > tbody > tr > th,
table.tbl-cmn-data > tbody > tr > td {
height: 22px;
}
table.tbl-cmn-srch > tbody > tr > th,
table.tbl-cmn-data > tbody > tr > th {
text-align: left;
}
table.tbl-cmn-ctrl {
padding: 5px 0px;
}
table.tbl-cmn-ctrl > tbody > tr > td.td-ctrl-btn {
text-align: right;
}
div.cmn-ctrl {
overflow: hidden;
}
table.header-1stR > tbody > tr > td:first-child {
padding-left: 0px;
}
table.header-1stR > tbody > tr > td:last-child {
padding-right: 0px;
}
table.header-1stR > tbody > tr > td.title {
font-size: 125%;
font-weight: bold;
}
table.header-1stR > tbody > tr > td.title > ul {
padding-inline-start: 0px;
margin: 0em 0em;
}
table.header-1stR > tbody > tr > td.title > ul > li {
list-style-type: none;
}
table.header-1stR > tbody > tr > td.title > ul > li:before {
content:"\025a0";
vertical-align: middle;
}
.no-disp {
width: 0px;
height: 0px;
margin: 0px;
padding: 0px;
border: none;
border-width: 0px;
}
.vertical {
writing-mode: vertical-rl;
text-orientation: upright;
}