/*
 *  Document   : themes.css
 *  Author     : pixelcave
 *  Description: The themes stylesheet of the template. The classes can be used to
 *  alter the text, the background or the border color of an element individually
 *
 */

/*
=================================================================
THEME DEFAULT
=================================================================
*/

.full-overlay{
    position: fixed;
    left: 0;
    top: 20%;
    width: 100%;
    height: 50%;
    background: rgba(100, 100, 100, .6);
    z-index: 2147483647;
    text-align: center;
    vertical-align: middle;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;}

.themed-color-default {
    color: #1bbae1 !important;
}

.themed-border-default {
    border-color: #1bbae1 !important;
}

.themed-background-default {
    background-color: #1bbae1 !important;
}

.themed-color-dark-default {
    color: #394263 !important;
}

.themed-border-dark-default {
    border-color: #394263 !important;
}

.themed-background-dark-default {
    background-color: #394263 !important;
}

/*
万が一
*/

.themed-color-maigaichi {
    color: #1bbae1 !important;
}

.themed-border-maigaichi {
    border-color: #1bbae1 !important;
}

.themed-background-maigaichi {
    background-color: #ffeb2f !important;
}

.themed-color-dark-maigaichi {
    color: #394263 !important;
}

.themed-border-dark-maigaichi {
    border-color: #394263 !important;
}

.themed-background-dark-maigaichi {
    background-color: #394263 !important;
}
/*
=================================================================
THEME NIGHT
=================================================================
*/

.themed-color-night {
    color: #888888 !important;
}

.themed-border-night {
    border-color: #888888 !important;
}

.themed-background-night {
    background-color: #888888 !important;
}

.themed-color-dark-night {
    color: #333333 !important;
}

.themed-border-dark-night {
    border-color: #333333 !important;
}

.themed-background-dark-night {
    background-color: #333333 !important;
}

/*
=================================================================
THEME AMETHYST
=================================================================
*/

.themed-color-amethyst {
    color: #af64cc !important;
}

.themed-border-amethyst {
    border-color: #af64cc !important;
}

.themed-background-amethyst {
    background-color: #af64cc !important;
}

.themed-color-dark-amethyst {
    color: #583a63 !important;
}

.themed-border-dark-amethyst {
    border-color: #583a63 !important;
}

.themed-background-dark-amethyst {
    background-color: #583a63 !important;
}

/*
=================================================================
THEME MODERN
=================================================================
*/

.themed-color-modern {
    color: #46b7bf !important;
}

.themed-border-modern {
    border-color: #46b7bf !important;
}

.themed-background-modern {
    background-color: #46b7bf !important;
}

.themed-color-dark-modern {
    color: #3b3f40 !important;
}

.themed-border-dark-modern {
    border-color: #3b3f40 !important;
}

.themed-background-dark-modern {
    background-color: #3b3f40 !important;
}

/*
=================================================================
THEME AUTUMN
=================================================================
*/

.themed-color-autumn {
    color: #e67e22 !important;
}

.themed-border-autumn {
    border-color: #e67e22 !important;
}

.themed-background-autumn {
    background-color: #e67e22 !important;
}

.themed-color-dark-autumn {
    color: #4a392b !important;
}

.themed-border-dark-autumn {
    border-color: #4a392b !important;
}

.themed-background-dark-autumn {
    background-color: #4a392b !important;
}

/*
=================================================================
THEME FLATIE
=================================================================
*/

.themed-color-flatie {
    color: #1ec1b8 !important;
}

.themed-border-flatie {
    border-color: #1ec1b8 !important;
}

.themed-background-flatie {
    background-color: #1ec1b8 !important;
}

.themed-color-dark-flatie {
    color: #32323a !important;
}

.themed-border-dark-flatie {
    border-color: #32323a !important;
}

.themed-background-dark-flatie {
    background-color: #32323a !important;
}

/*
=================================================================
THEME SPRING
=================================================================
*/

.themed-color-spring {
    color: #27ae60 !important;
}

.themed-border-spring {
    border-color: #27ae60 !important;
}

.themed-background-spring {
    background-color: #27ae60 !important;
}

.themed-color-dark-spring {
    color: #344a3d !important;
}

.themed-border-dark-spring {
    border-color: #344a3d !important;
}

.themed-background-dark-spring {
    background-color: #344a3d !important;
}

/*
=================================================================
THEME FANCY
=================================================================
*/

.themed-color-fancy {
    color: #d9416c !important;
}

.themed-border-fancy {
    border-color: #d9416c !important;
}

.themed-background-fancy {
    background-color: #d9416c !important;
}

.themed-color-dark-fancy {
    color: #352b4e !important;
}

.themed-border-dark-fancy {
    border-color: #352b4e !important;
}

.themed-background-dark-fancy {
    background-color: #352b4e !important;
}

/*
=================================================================
THEME FIRE
=================================================================
*/

.themed-color-fire {
    color: #e74c3c !important;
}

.themed-border-fire {
    border-color: #e74c3c !important;
}

.themed-background-fire {
    background-color: #e74c3c !important;
}

.themed-color-dark-fire {
    color: #4a2e2b !important;
}

.themed-border-dark-fire {
    border-color: #4a2e2b !important;
}

.themed-background-dark-fire {
    background-color: #4a2e2b !important;
}

.teikibin {
    color :blue;
    /*text-align:center!important;*/
}
.teikibin h4{
    font-size: 16px;
}
.teikibin .kanyu_months{
    width:50px;
}
.teikibin input{
    color: black;
}
.teikibin .age{
    width: 50px;
}
.teikibin .amount{
    width: 70px;
}
.teikibin th, .teikibin td{
    padding: 3px 0!important;
}
.teikibin td{
    border-color: blue!important;
    text-align:center!important;
    vertical-align: middle!important;
}
.teikibin td:empty{
    background-color: #dddddd;
    /*background-image: linear-gradient(45deg, transparent 49%, black 49%, black 51%, transparent 51%, transparent); !* 右下がりの斜線 *!*/
}
.teikibin th{
    border-color: blue!important;;
    background-color: #dbeef3;
    text-align:center!important;
    vertical-align: middle!important;
}
.teikibin .inactive{
    background-color: #dddddd!important;
    opacity : 0.7;
    /*color: black    !important;*/
}
.teikibin .kosei_detail{
    /*margin-left: 40px;*/
    /*text-align: left!important;*/
}
.teikibin .uchiwake{
    font-size: 0.8em;
    width: 60px;
}
.profile_pension_area .teikibin .expected_amount_area.over50 .hoshu_monthly,.profile_pension_area .teikibin .expected_amount_area.over50 .hoshu_bonus{
    width: 60px;
}
/*.cashflow li, .cashflow ul{*/
/*display:block;*/
/*float:left;*/
/*}*/
/*.cashflow li{*/
/*padding: 0 5px;*/
/*}*/

.legend_box label:hover {
    cursor: pointer;
}

.legend_box table td {
    padding: 0 5px;
}

.legend_box .color_box, .legend_box .hidden_color_box {
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}

.legend_box input[type="checkbox"] {
    display: none;
}

.bar_legend {
    height: 3px !important;
}

table.table-min{
    width: 100%;
}
table.table-min th, table.table-min td{
    padding: 0 0.3em;
}
fieldset {
    border: 1px solid #ddd !important;
    border-radius: 5px;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    /*-webkit-box-shadow:  0px 0px 0px 0px #000;*/
    /*box-shadow:  0px 0px 0px 0px #000;*/
}

fieldset legend {
    /*font-size: 1.2em !important;*/
    /*font-weight: bold !important;*/
    /*text-align: left !important;*/
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

table.balance_sheet, table.balance_sheet th, table.balance_sheet > tbody > tr > td{
    border: 3px solid darkgray!important;
}
table.balance_sheet th {
    font-size: 1.1em;
}
table.comparing_table th{
    text-align: center;
}
table.comparing_table td{
    vertical-align: top;
}

/*.analyze_result th, */
.analyze_result .themed-background,
.analyze_result .themed-background th
{
    /*background-color: lavender!important;*/
    /*background-color: #f4e691!important;*/
    /*background-color: aquamarine!important;*/
}
/*.analyze_result {*/
/*    border: solid 1px #f39c12;*/
/*    display: block;*/
/*    overflow: auto;*/
/*    margin-top: 1em;*/
/*    border-radius: 6px 6px 6px 6px;*/
/*}*/

.analyze_result .loading{
    margin-top:2em;
    margin-bottom:2em;
}
.min_result{
    height: 26px;
    overflow: hidden;
    padding: 0;
}
/*.toggle_analyze{*/
/*    color: #fff;*/
/*    background: #f39c12;*/
/*    width: 100%;*/
/*    display: block;*/
/*    text-align: right;*/
/*    padding-right: 0.5em;*/
/*    font-size: 1.3em;*/
/*    clear: both;*/
/*}*/
.toggle_analyze .fas{
    transition: transform 0.3s;
}
.min_result .toggle_analyze svg{
    transform: rotate(180deg);
}
.analyze_result .alert {
    margin: 1rem;
}
.disabled{
    background-color: #dddddd;
}

.repayment_table td {
    text-align: right;
}

input[type="number"] {
    max-width: 70%;
}
input.rate {
    width: 70px;
    text-align: right;
}

.number_area{
    text-align:right;
    vertical-align:middle;
}
.summary_table b{
    font-size: 1.5rem;
}
.summary_table .number_area, .comparing_table .number_area{
    font-size: 1.2em;
    font-weight: bold;
}
.summary_table table{
    margin-bottom: 0;
}
.summary_table > tbody > tr > td > span, .summary_table > tbody > tr > td > b{
    /*font-size: 1.15em;*/
}
.summary_table .main_item{
    font-size:1.4em;
}

.cashflow_legend_box td{
    width: 13%;
}
.legend_box fieldset legend{
    font-size: 0.9em;
}
.detail_sheet {
    border: 1px solid #666;
    background: rgba(255,255,255,.6);
    box-shadow: 3px 4px 10px 5px rgba(0,0,0,.3);
    width: 700px;
}

.detail_sheet legend{
    background-color: white;
    padding-top: 10px;
    font-weight: bold;
}
.detail_sheet .pin_icon:active{
    cursor: grab;
}

.ui-draggable:hover{
    cursor:grab;
}
.living_item.sortable{
    cursor: move;
}

.cashflow_table_hover{
    font-weight: bold!important;
    background-color: #EBF2EE!important;
}
.cashflow_table_hover.webix_cell_select{
    background-color: #27ae60!important;
}
.cashflow_table_disabled{
    background-color: #dddddd!important;
}
.cashflow_table_profile_icon span{
    width: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 15px;
}


.legend_table td{
    font-size:0.9em;
}
.legend_table .amount, .legend_table .percentage{
    text-align:right;
}

.analysis_result_table .webix_cell{
    text-align: right;
}

.webix_hover{
    background: azure;
}
.analysis_result_table .webix_cell[aria-colindex="1"]{
    text-align: left!important;
}

.right_triangle{
    width: 0;
    height: 0;
    border-top: solid 15px transparent;
    border-right: solid 15px transparent;
    border-bottom: solid 15px transparent;
    border-left: solid 15px #697b91;
    margin-left: 30px;
}

.sonae_year_box{
    position:absolute;
    left:115px;
    top: 10px;
    z-index:100;
}
.sonae_year_box input{
    padding:0;
}
.cashflow_table .webix_ss_footer{
    font-size:0.7em;
}

/*th td{*/
/*background-color: inactiveborder;*/
/*}*/
.confirm_view .helper_tooltip, .confirm_view .tab_list, .confirm_view .instruction, .confirm_view .hidden_confirm, .confirm_view tfoot{
    display:none!important;
}
.confirm_view .tab-content > div {
    display:block;
}
.confirm_view .user_icon {
    display:none!important;
}
.confirm_view th, .confirm_view td{
    font-weight: normal!important;
    border-width: 1px!important;
}
.confirm_view .panel-collapse.collapse {
    display: block!important;
}
.confirm_view .setting_area[count='0'] {
    display: none!important;
}

.setting_confirm .block .title {
    margin: -20px -20px 5px;
}

.menu_table td{
    padding: 0 3px;
}

#analytics .loan_result_detail{
    border: 1px solid #DDDDDD;
}
.kuriage_compare_table {
    border: 2px solid #27ae60!important;
}
.kuriage_compare_table .effect_summary{
    font-size: 22px;
}
.analysis_menu:hover{
    /*opacity:.8!important;*/
    /*border:solid 1px #ddd;*/
    background:#f39c12;
}
.analysis_menu input[type=radio] {
    display: none;
}
.analysis_menu{
    /*
    padding: 6px 9px 6px 9px!important;
    background: #8e7a5b;
    color:#fff!important;
    font-weight:normal!important;
    border: solid 1px #806c4d;

*/
    display: inline-block;
    padding: 6px 9px 6px 9px!important;

    font-weight: 500; /* 中程度の太さ */
    color: #ffffff; /* 文字色：白 */
    background: linear-gradient(#8cad9e, #6a8f7c); /* 背景のグラデーション */
    border: none;
    border-radius: 4px; /* 丸みを持たせるためのボーダーラジアス */
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s; /* アニメーション効果 */
}
.analysis_menu:hover{
    transform: translateY(-2px); /* ボタンが少し上に移動 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 影が少し大きくなる */
}
.analysis_menu.active{
    background: #f39c12;
    border:solid 1px #f39c12;
}
.result_menu_table{
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,4);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    /*border-radius: 9px;*/
    padding: 0!important;
    display: block;
    margin-bottom: 10px;
}
.result_menu_table td {
    /*width: 170px;*/
    /*text-align:center;*/
}

.result_elm .section_title{
    background-color: aliceblue;
    padding: 10px;
}
.result_elm h6{
    font-size: 16px;
    font-weight: bold;
}
.setting_confirm .item_name{
    text-decoration: none;
}
.setting_confirm th{
    font-weight: normal;
}
.setting_confirm .block .title {
    border: medium none;
    border-radius: 0;
}

.confirm_view .pension_kanyu_viewer{
    display:none;
}
.setting_form .past_kanyu_form {
    margin-top:-10px!important;
}

.modal-content{
    height:auto!important;
}
.DC_form .stock_area{
    display:none;
}
.ideco_form .stock_area{
    display:none;
}
.modaal-container{
    width: auto!important;
    max-width:none!important;
    min-width:70vw;
    top: -10%!important;
}
.securities_list .unit{
    font-size:0.85em;
    opacity:0.7;
}
.guarantee_elm{
    width:150px;
}
.report_menu_table label{
    padding-right: 20px!important;
}
.kuriage_effect_table td{
    font-size: 1.3em;
}
.insurance_group_name{
    font-size:1.2em;
}
.report_config .alert{
    font-size:1.2em;
}
.gray_scale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.clickable:hover {
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.pension_sikyu_log .uchiwake{
    font-size:0.95em;
}
fieldset.result_group {
    border: 3px solid #DDD !important;;
}
.need_capital_analyser_selector .modal-content{
    width : 1000px;
}
.need_capital_simulation_config b{
    font-size: 1.1em;
}
.company .keihi, .company .application_type{
    display:none;
}
.company.independent_config .bonus{
    display:none;
}
.company.independent_config .application_type{
    display:inline;
}
.company.others_config .bonus{
    display:none;
}
.company.benefit_config .change_rate, .company.benefit_config .yearly, .company.benefit_config .bonus, .company.benefit_config .mangaichi_rate{
    display:none;
}
.company.benefit_config table .mangaichi{
    background-color: unset!important;
}
.company.independent_config .keihi, .company.others_config .keihi{
    display:inline;
}
.custom_tooltip table th, .custom_tooltip table td{
    background-color: transparent;
}

.profile_pension_area .arrow2{
    width: 30px;
    height: 30px;
    border: 1px solid;
    border-color: #ddd #ddd transparent transparent;
    transform: rotate(-45deg);
    background:#fff;
    margin-left: 20px;
}
.profile_pension_area .month[type="number"]{
    width: 45px;
}
/*.amount[type="number"]{*/
/*width: 70px;*/
/*}*/
.profile_pension_area .pension_title{
    width:160px;
}
.profile_pension_area .kiso_pension_table th{
    width: 160px;
}
.profile_pension_area .kiso_month_total{
    text-align: center;
    font-weight:bold;
}
.profile_pension_area .jisseki_table th{
    text-align: center;
    vertical-align: middle;
    /*background-color: powderblue;*/
    /*background-color: palegreen;*/
    /*background-color: inactiveborder;*/
}
.profile_pension_area .jisseki_table td{
    vertical-align: middle!important;
}
.profile_pension_area .jisseki_table > tbody > tr > th, .profile_pension_area .jisseki_table > thead > tr > th{
    background-color: powderblue;
    vertical-align: middle;
}
.profile_pension_area .profile_icon {
    text-align:center;
}
.profile_pension_area .profile_icon .name{
    display: inline-block;
}
.profile_pension_area .shogai_tr th {
    background-color: #b2f9b5!important;
}
.profile_pension_area .izoku_tr th {
    /*background-color: lavender!important;*/
    background-color: #f4dffd!important;
}
.profile_pension_area .teikibin .amount{
    width: 70px;
}
.fa_lg_btn a{
     color:#999;
    font-size:1.5em;
}
ul.nav.nav-tabs.tab_list {
    top: 0;
    position: sticky;
    background: #fff;
    z-index: 9;
}
div#static_menu {
    position: sticky;
    top: 0;
    background: #ebf2ee;
    z-index: 8;
}
.webix_table_wrapper{
    padding: 10px 40px;
}

.need_capital_table .mangaichi_date{
    cursor:pointer;
}
.need_capital_table .mangaichi_date:hover{
    text-decoration: underline;
    font-weight: bold;
}
.retirement_label{
    display:inline-block;
    width:80px;
}
.analizer_pro {
    display: inline-block;
    padding: 12px 24px!important; /* 余白は調整可能 */
    font-size: 16px; /* フォントサイズは調整可能 */
    font-weight: 500; /* 中程度の太さ */
    color: #ffffff; /* 文字色：白 */
    background: linear-gradient(#8cad9e, #6a8f7c); /* 背景のグラデーション */
    border: none;
    border-radius: 4px; /* 丸みを持たせるためのボーダーラジアス */
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s; /* アニメーション効果 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width:390px;
}
.analizer_pro:hover{
    transform: translateY(-2px); /* ボタンが少し上に移動 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 影が少し大きくなる */
}
.analizer_pro:active{
    transform: translateY(0); /* 元の位置に戻る */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 元の影に戻る */
}
.analizer_premium{
    display: inline-block;
    padding: 18px 24px 12px 24px!important;
    font-size: 16px; /* フォントサイズは調整可能 */
    font-weight: 500; /* 中程度の太さ */
    color: #ffffff; /* 文字色：白 */
    background: linear-gradient(#b57b40, #9e6a32); /* 背景のグラデーション */
    border: none;
    border-radius: 4px; /* 丸みを持たせるためのボーダーラジアス */
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s; /* アニメーション効果 */
    min-width:390px;
}
.analizer_premium:before {
    content: "Premium";
    position: absolute;
    margin-left: -10px;
    /* background: black; */
    color: #e2cdcd;
    margin-top: -14px;
    font-size: .5em;
}
.analizer_premium:hover{
    transform: translateY(-2px); /* ボタンが少し上に移動 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 影が少し大きくなる */
}
.analizer_premium:active{
    transform: translateY(0); /* 元の位置に戻る */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 元の影に戻る */
}

/* 実行結果の背景及び枠線 */
.analyze_result {
    background-color: #fff; /* オブジェクトごとの背景 */
    border: 2px solid #8cad9e; /* 枠の色 */
    /*display: flex;*/
    /*align-items: center;*/
    position: relative;
    padding: 20px 10px 20px;
}

/* 実行結果のテキストスタイル */
/*.analyze_result > div {*/
/*    color: #344a3d; !* 文字色 *!*/
/*    font-size: 18px; !* 文字の大きさ *!*/
/*    flex-grow: 1; !* 中央配置 *!*/
/*    text-align: center;*/
/*}*/

/* トグル部分のスタイル */
.toggle_analyze {
    background-color: #e0f0e2; /* ベースの背景色に近い薄い緑 */
    height: 20px;
    width: 100%;
    position: absolute;
    color:#8cad9e;
    top: 0; /* 上側のトグル */
    left: 0;
    text-align: right;
    padding-right: 0.5em;
}

.analyze_result > .toggle_analyze:last-child {
    bottom: 0; /* 下側のトグル */
    top: unset;
}
input.error {
    border: red solid 1px;
}
.securities_ratio .caution {
    display: block;
    font-size: 10px;
}
.panel-group .add_field_profile {
    /*margin: 0 1em 1em;*/
}
.filter_sticky{
    position:sticky;
    left:600px;
}
.securities_init_info tr td, .securities_init_info th {
    width: 100%;
}

/*.securities_init_info tr {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/
.panel-title select.synchronizer{
    width: 180px;
}