body {
}




/*
//**************************************************************************************
//
//  基本要素
//
//**************************************************************************************
*/
html {
    position: relative;
    width: 100%;
    min-height: 100%;
    font-family: initial;
    font-size: 14px;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.3rem;
}

h3 {
    font-size: 1.2rem;
}

label {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0px 2px 0px 2px;
    border: none;
}

iframe {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}

table {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

table tr {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

table td {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

input[type="text"] {
    -webkit-appearance: none;
    vertical-align: middle;
}

input[type="image"] {
    -webkit-appearance: none;
    vertical-align: middle;
}

input[type="radio"] {
    vertical-align: middle;
}

input[type="checkbox"] {
    vertical-align: middle;
}

input::placeholder {
  color: #cccccc !important;
}




/*
//**************************************************************************************
//
//  個別要素
//
//**************************************************************************************
*/
:root {
    --d3-theme-color: #f0f0f0;
    --d3-theme-forecolor: #000000;
    --d3-theme-backcolor: #f0f0f0;
    --d3-dialog-forecolor: #000000;
    --d3-dialog-backcolor: #f0f0f0;
    --d3-caption-forecolor: #ffffff;
    --d3-caption-backcolor: #888888;
}

.d3-content {
    width: 100%;
    height: 100%;
}

.d3-content tr {
    text-align: start;
    vertical-align: top;
}

.d3-content td {
}

.d3-control {
    width: 100%;
    height: 26px;
    padding: 0 0.25rem;
}

.d3-control-button {
    width: 100px;
    height: 26px;
}

.d3-control-submit {
    width: 120px;
    height: 26px;
}

.d3-control-select {
    width: 150px;
    height: 26px;
}

.d3-control-string {
    width: 310px;
    height: 26px;
}

.d3-control-number {
    width: 64px;
    height: 26px;
}

.d3-control-icon {
    width: 32px;
    height: 26px;
}

.d3-period-dates {
    width: 150px;
    height: 26px;
}

.d3-period-weeks {
    width: 32px;
    height: 26px;
}

.d3-period-texts {
    width: 310px;
    height: 26px;
}

.d3-period-sales {
    width: 72px;
    height: 26px;
}




.d3-caption {
    width: 100%;
    height: 26px;
    color: var(--d3-caption-forecolor);
    background-color: var(--d3-caption-backcolor);
    border-radius: 0 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.d3-label {
    width: 100px;
    height: 26px;
}

.d3-panel {
    margin-top: 32px;
    margin-bottom: 32px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
}

.d3-title {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 0.5rem;
    text-align: center;
    vertical-align: middle;

    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem !important;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
}

.d3-border {
    border: 1px solid rgba(0, 0, 0, 0.5);
}




.d3-gutters {
    margin: 0px;
}

.d3-gutters-t0 {
    margin: -2px 0px 0px 0px;
}

.d3-gutters-b0 {
    margin: 0px 0px -2px 0px;
}

.d3-gutters-l0 {
    margin: 0px 0px 0px -2px;
}

.d3-gutters-r0 {
    margin: 0px -2px 0px 0px;
}

[class*="d3-gutters"]>[class*="col"] {
    padding: 2px;
}




.d3-padding,
.d3-padding-y,
.d3-padding-t {
    padding-top: 2px !important;
}

.d3-padding,
.d3-padding-y,
.d3-padding-b {
    padding-bottom: 2px !important;
}

.d3-padding,
.d3-padding-x,
.d3-padding-l {
    padding-left: 2px !important;
}

.d3-padding,
.d3-padding-x,
.d3-padding-r {
    padding-right: 2px !important;
}

.d3-padding-sm,
.d3-padding-sm-y,
.d3-padding-sm-t {
    padding-top: 1px !important;
}

.d3-padding-sm,
.d3-padding-sm-y,
.d3-padding-sm-b {
    padding-bottom: 1px !important;
}

.d3-padding-sm,
.d3-padding-sm-x,
.d3-padding-sm-l {
    padding-left: 1px !important;
}

.d3-padding-sm,
.d3-padding-sm-x,
.d3-padding-sm-r {
    padding-right: 1px !important;
}




.d3-condition {
    height: 276px;
}

.d3-container,
.d3-container-select,
.d3-container-report {
    height: 100%;
    padding: 2px;
}

.d3-container-select {
    overflow: auto;
    padding-bottom: 4px;
}

.d3-container-report {
    overflow: auto;
    padding-bottom: 2px;
}




.d3-selector-head {
    padding-top: 2px !important;
}

.d3-selector-line {
    margin-top: -1px !important;
}

.d3-select {
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.d3-select tr {
    margin: 0px;
    padding: 0px;
    text-align: start;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}

.d3-select td {
    margin: 0px;
    padding: 0px 2px 0px 2px;
    text-align: start;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}

.d3-select-td1 {
    width: 26px;
    text-align: center !important;
    vertical-align: middle !important;
}

.d3-select-td2 {
    width: 78px;
}

.d3-select-td3 {
    width: 100%;
}

.d3-select-td4 {
    width: 100px;
}

.d3-select-label-oo {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.d3-select-label-xx {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.d3-select-label-td1 {
    width: 100%;
    height: 100%;
}

.d3-select-label-td2 {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}




.d3-report {
    width: 100%;
    height: 100%;
}

.d3-report-label {
    width: 90px;
}

.d3-report-frame {
    position: relative;
    width: 100%;
    height: calc(100% - 0.5rem);
    margin: 0.5rem 0rem 0rem 0rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

.d3-report-frame .d3-report-frame-head {
    position: absolute;
    left: 0.5rem;
    top: -0.5rem;
    padding: 0rem 0.25rem;
    background-color: #ffffff;
    display: inline-block;
    line-height: 1;
}

.d3-report-frame .d3-report-frame-body {
    margin: 0px;
    padding: 0px;
}




.d3-result {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.d3-format {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.d3-iframe {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}




/*
//**************************************************************************************
//
//  画面構成(ログイン)
//
//**************************************************************************************
*/
#main-head {
    z-index: 99;
    position: relative;
    width: 100%;
    min-height: 64px;
    top: 0;

    background-color: var(--d3-theme-color);
    border-bottom: 2px solid #ffffff;
}

#main-foot {
    z-index: 88;
    position: absolute;
    width: 100%;
    min-height: 64px;
    bottom: 0;

    background-color: var(--d3-theme-color);
    border-top: 2px solid #ffffff;

    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    vertical-align: middle;
}

#main-main {
    z-index: 0;
    position: relative;
    width: 100%;
    min-height: calc(100vh - 128px);
    overflow: auto;

    margin-top: 0px;
    margin-bottom: 64px;
    display: flex;
}




/*
//**************************************************************************************
//
//  画面構成(メニュー)
//
//**************************************************************************************
*/
#menu-head {
    z-index: 99;
    position: relative;
    width: 100%;
    min-height: 64px;
    top: 0;

    background-color: var(--d3-theme-color);
    border-bottom: 2px solid #ffffff;
}

#menu-foot {
    z-index: 88;
    position: absolute;
    width: 100%;
    min-height: 64px;
    bottom: 0;

    background-color: var(--d3-theme-color);
    border-top: 2px solid #ffffff;

    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    vertical-align: middle;
}

#menu-main {
    z-index: 0;
    position: relative;
    width: 100%;
    min-height: calc(100vh - 128px);
    overflow: auto;

    margin-top: 0px;
    margin-bottom: 64px;
    display: flex;
}

#menu-main #menu-navi {
    z-index: 1;
    width: 200px;
    height: 100%;

    background-color: var(--d3-theme-color);
}

#menu-main #menu-body {
    z-index: 0;
    width: 100%;
    height: 100%;
}




/*
//**************************************************************************************
//
//  画面構成(分析画面)
//
//**************************************************************************************
*/
#page-head {
    z-index: 99;
    position: fixed !important;
    position: absolute;
    width: 100%;
    min-height: 32px;
    top: 0;

    background-color: var(--d3-theme-color);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

#page-foot {
    z-index: 88;
    position: fixed !important;
    position: absolute;
    width: 100%;
    min-height: 38px;
    bottom: 0;

    background-color: var(--d3-theme-color);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;

    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    vertical-align: middle;
}

#page-main {
    z-index: 0;
    position: relative;
    width: 100%;
    min-height: calc(100vh - 70px);
    overflow: auto;

    margin-top: 32px;
    margin-bottom: 36px;
    display: flex;
}

.tool-text {
    z-index: 1;
    position: fixed !important;
    position: absolute;
    width: 100%;
    min-height: 98px;
    bottom: 0;

    background-color: lightcyan;
    border: none;
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.tool-tips {
    z-index: 1;
    position: fixed !important;
    position: absolute;
    width: 100%;
    min-height: 68px;
    bottom: 0;

    background-color: lightyellow;
    border: none;
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.tool-height1 {
    min-height: 68px;
}

.tool-height2 {
    min-height: 98px;
}




/*
//**************************************************************************************
//
//  画面構成(対話画面)
//
//**************************************************************************************
*/
.form-foot {
    z-index: 88;
    position: fixed !important;
    position: absolute;
    width: 100%;
    min-height: 30px;
    bottom: 0;

    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    text-align: center;
    vertical-align: bottom;
}

.form-main {
    z-index: 0;
    position: relative;
    width: 100%;
    height: calc(100vh - 36px);
    overflow: auto;
}

.form-body {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: auto;
}




















/*
//**************************************************************************************
//
//
//
//**************************************************************************************
*/
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-size: 1.25rem;
    vertical-align: -0.25rem;
}




/*
//**************************************************************************************
//
//
//
//**************************************************************************************
*/
.swal2-popup {
    font-size: 1.0rem !important;
}

.swal2-title {
    font-size: 1.5rem;
}

.swal2-styled {
    min-width: 100px;
    padding: 0.375rem 0.75rem;
}

.swal2-styled.swal2-confirm {
    background-color: #007bff;
    border-color: #007bff;
}
.swal2-styled.swal2-confirm:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}
.swal2-styled.swal2-confirm:focus, .swal2-styled.swal2-confirm.focus {
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.swal2-styled.swal2-deny {
    background-color: #dc3545;
    border-color: #dc3545;
}
.swal2-styled.swal2-deny:hover {
    background-color: #c82333;
    border-color: #bd2130;
}
.swal2-styled.swal2-deny:focus, .swal2-styled.swal2-deny.focus {
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.swal2-styled.swal2-cancel {
    background-color: #6c757d;
    border-color: #6c757d;
}
.swal2-styled.swal2-cancel:hover {
    background-color: #5a6268;
    border-color: #545b62;
}
.swal2-styled.swal2-cancel:focus, .swal2-styled.swal2-cancel.focus {
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.swal2-loader {
    border-color: #007bff transparent #007bff transparent;
}




/*
//**************************************************************************************
//
//
//
//**************************************************************************************
*/
/*
//======================================================================
//  共通(ig_shared.css)
//======================================================================
*/
.ig_Control {
    font-family: initial;
    font-size: 1.0rem;
}




/*
//======================================================================
//  エディタ(ig_texteditor.css)
//======================================================================
*/
.igte_Edit {
    font-family: initial;
    font-size: 1.0rem;
}
.igte_EditInContainer {
    font-family: initial;
    font-size: 1.0rem;
}
.igte_Button {
    background-color: #ffffff;
}




/*
//======================================================================
//  ダイアログ(ig_dialogwindow.css)
//======================================================================
*/
.igdw_Control {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0.5rem !important;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}
.igdw_HeaderArea {
    font-family: initial;
    font-size: 1.0rem;
    color: var(--d3-dialog-forecolor);
    background-color: var(--d3-dialog-backcolor);
    width: 100%;
    height: 32px;
}
.igdw_HeaderCaption {
    font-family: initial;
    font-size: 1.0rem;
    color: var(--d3-dialog-forecolor);
}
.igdw_HeaderContent {

}
.igdw_HeaderButtonArea {

}
.igdw_HeaderButtonArea img {
    margin: 0px;
    padding: 2px;
}
.igdw_ModalBackground {
    opacity: 0;
}




/*
//======================================================================
//  タブ(ig_webtab.css)
//======================================================================
*/
.igtab_THContentHolder {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-top-width: 0px;
}
.igtab_THText {
    font-family: initial;
    font-size: 1.0rem;
    padding: 0px 2px 0px 2px;
    height: 28px;
}
.igtab_THCenter {
    font-family: initial;
    font-size: 1.0rem;
    padding: 0px 2px 0px 2px;
    height: 28px;
}




/*
//======================================================================
//  グリッド (ig_dataGrid.css)
//======================================================================
*/
.igg_HeaderCaption {
    font-family: initial;
    font-size: 1.0rem;
    padding: 0px 4px 0px 4px;
    height: 24px;
    line-height: 1.75;
}
tbody.igg_Item>tr>td {
    font-family: initial;
    font-size: 1.0rem;
    padding: 0px 4px 0px 4px;
    height: 26px;
    border: none;
}
tbody>tr.igg_Alt>td {
    background-color: #ffffff;
}
tbody>tr>td.igg_SelectedCell,
tbody>tr:hover>td.igg_SelectedCell {
    background-color: #9ecbd6;
}