/*
 *  Document   : spring.css
 *  Author     : pixelcave
 *  Description: THEME SPRING
 *
 */

/* Main Dark Colors */
body,
.nav.navbar-nav-custom > li > a,
.navbar-default .navbar-nav > li > a,
.form-control,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
li.dropdown-header,
.chosen-container-single .chosen-single,
.themed-color-dark {
    color: #344a3d;
}

#page-container,
#sidebar,
#sidebar-alt,
.table-pricing.table-featured td,
.table-pricing td.table-featured,
.themed-background-dark {
    background-color: #344a3d;
}

table.table-second-level thead tr{
    background-color: #d1e6b8;
}
table.table-second-level .table-second-group{
    background-color: rgba(202, 190, 158, 0.43);
}
.table-second-level thead th{
    font-weight: bold!important;
}
.table-second-level thead th,
.table-second-level thead td{
    color:#344a3d!important;
    vertical-align: top!important;
}

.table-second-level thead > tr > th, .table-second-level thead > tr > td{
    vertical-align: top!important;
    padding-bottom: 6px!important;
    padding-top: 6px!important;

}

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

header.navbar-inverse.navbar-fixed-bottom {
    border-top-color: #344a3d;
}

header.navbar-inverse.navbar-fixed-top,
.table-pricing.table-featured th,
.table-pricing th.table-featured {
    border-bottom-color: #344a3d;
}

.navbar.navbar-inverse {
    background-color: #577162;
}

/* Main Light Colors */
.sidebar-nav a,
.header-section h1 i,
blockquote:before {
    color: #ebf2ee;
}

#page-content,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active,
.slider-track {
    background-color: #ebf2ee;
}
.table-hover > tbody > tr:hover > td.inputted{
    background-color: #8cad9e!important;
    color:#fff;
}

blockquote,
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.list-group-item,
.nav-tabs > li > a:hover,
.pager > li > a,
.pager > li > span,
.pager > li.disabled > a:hover,
.dropzone,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    border-color: #ebf2ee;
}

.dataTables_wrapper > div {
    border-color: #ebf2ee;
    border-top-width: 0;
}

header.navbar-default.navbar-fixed-bottom,
.content-header,
li.dropdown-header,
.breadcrumb-top,
.style-alt footer {
    border-top-color: #ebf2ee;
}

header.navbar-default.navbar-fixed-top,
.block-title,
fieldset legend,
.form-bordered .form-group,
.wizard-steps,
.nav-tabs,
li.dropdown-header,
.style-alt .content-header,
.style-alt .breadcrumb-top {
    border-bottom-color: #ebf2ee;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: #ebf2ee;
    border-bottom-color: transparent;
}

/*.nav > li > a:hover,.nav > li > a:focus ,.nav >li > a.active{*/
    /*background-color: #ff5a00 !important;*/
    /*color:red!important;*/
    /*border-top:solid 2px red!important;*/
/*}*/
.nav > li > a:hover:before,.nav > li > a:focus:before ,.nav >li > a.active:before{
    /*border-left: solid 10px #fff;*/
    /*border-right: 0;*/
    /*border-top: solid 10px transparent;*/
    /*border-bottom: solid 10px transparent;*/
    /*height: 0;*/
    /*content: '';*/
    /*position: absolute;*/
    /*left: 0px;*/
}

/*.nav >li > a.active:focus{*/
    /*background-color: red;*/
    /*color:red!important;*/
/*}*/
.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:hover,
.block-title .nav-tabs > li.active > a:focus {
    border-color: #ebf2ee;
    border-bottom-color: #ffffff;
}

.block-title,
.navbar.navbar-default,
.form-bordered .form-group.form-actions,
.table tfoot > tr > th,
.table tfoot > tr > td,
a.list-group-item:hover,
a.list-group-item:focus,
.nav > li > a:hover,
.nav > li > a:focus,
li.dropdown-header,
.style-alt .content-header + .breadcrumb-top,
.style-alt .breadcrumb-top + .content-header,
.style-alt footer,
.dropzone,
.dataTables_wrapper > div {
    background-color: #fafcfb;
}

.switch-default input:checked + span,
.style-alt .block-title {
    background-color: #dae8e0;
}
.navbar-default .nav-tabs > li > a{
    font-size:1.2em;
    /*border-left:solid 1px #ddd;*/
    /*border-top:solid 1px #ddd;*/
    /*border-right:solid 1px #ddd;*/
    border:solid 1px #666;

}

.navbar-default .nav-tabs > li.active > a{
    background-color: #8cad9e !important;
    color:#fff;
    /*background-color: #fff !important;*/
    /*color:#344a3d;*/
    font-weight:bold;
    border:solid 2px #344a3d;
    border-bottom:#fff solid 2px;
}
.navbar-default .nav-tabs > li > a:hover{
    /*background-color:orange!important;*/
    /*color:#fff;*/
    border:solid 2px #344a3d;
}

.block,
.form-control,
.input-group-addon,
.switch-default span,
.dropdown-menu,
.style-alt .block,
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices,
div.tagsinput,
.select2-container .select2-choice,
.select2-search input,
.select2-container-multi .select2-choices {
    border-color: #dae8e0;
}

footer,
.media-feed > .media {
    border-top-color: #dae8e0;
}

.content-header,
.content-top,
.block-top,
.breadcrumb-top,
.style-alt .block-title {
    border-bottom-color: #dae8e0;
}

.content-header-media {
    border-top-color: #222222;
}

/* Main Highlight Colors */
.text-primary,
.text-primary:hover,
a,
a:hover,
a:focus,
.nav-pills > .active > a > .badge,
.pagination > li > a,
.pagination > li > span,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus,
.themed-color {
    color: #27ae60;
}

.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:hover,
.nav.navbar-nav-custom > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
a.sidebar-brand:hover,
a.sidebar-brand:focus,
a.sidebar-title:hover,
a.sidebar-title:focus,
#to-top:hover,
.timeline-list .active .timeline-icon,
.table-pricing.table-featured th,
.table-pricing th.table-featured,
.wizard-steps div.done span,
.wizard-steps div.active span,
.switch-primary input:checked + span,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pager > li > a:hover,
.pagination > li > a:hover,
.label-primary,
.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
.bootstrap-timepicker-widget table td a:hover,
div.tagsinput span.tag,
.slider-selection,
.themed-background,
.select2-results .select2-highlighted,
.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #27ae60;
    /*background-color:#8FAE9C;*/
    /*color:#666;*/
}

.timeline-list .active .timeline-icon,
.form-control:focus,
.wizard-steps span,
.switch-primary span,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.pager > li > a:hover,
.pagination > li > a:hover,
.chosen-container .chosen-drop,
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active .chosen-choices,
div.tagsinput span.tag,
.themed-border,
input:focus,select:focus,
.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-results .select2-highlighted,
.select2-container-multi.select2-container-active .select2-choices {
    border: solid 1px #27ae60;
}
input:focus,select:focus,textarea:focus{
    background-color: #fdffbb;
}
a.remove_field{
    vertical-align: middle;
}
a.remove_field i:hover,a.remove_field i:focus{
    color:red;
}

table thead.mini-head tr, table thead.mini-head th, table thead.mini-head td {
    background: #fafcfb!important;
    color: #344a3d!important;
    font-weight:bolder!important;
    /*background: #8cad9e!important;*/
    /*color:#fafcfb!important;*/
    padding: 6px;
}
table thead.mini-head th span{
    font-weight:normal!important;
}

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #27ae60;
    border-bottom-color: #27ae60;
}
.no-border{
    border:none!important;
}
.sidebar-nav a.active,
.sidebar-nav ul a.active,
.sidebar-nav ul a.active:hover {
    border-left-color: #27ae60;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top-color: #27ae60;
}

/* NProgress */
#nprogress .bar {
    background-color: #27ae60;
}

#nprogress .peg {
    box-shadow: 0 0 10px #27ae60, 0 0 5px #27ae60;
}

#nprogress .spinner-icon {
    border-top-color:  #27ae60;
    border-left-color: #27ae60;
}

/* FullCalendar buttons */
.fc-state-default {
    background-color: #5ccc8b;
    border-color: #27ae60;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #27ae60;
}

.fc-state-highlight {
    background-color: #fafcfb;
}

/* Specific for default & primary button */
.btn-default {
    background-color: #f0f5f2;
    border-color: #dae8e0;
    color: #344a3d;
}

.btn-default:hover {
    background-color: #ebf2ee;
    border-color: #c2cfc7;
}

.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .btn-default.dropdown-toggle {
    /*background-color: #dfe5e1;*/
    /*border-color: #dfe5e1;*/
    background-color: #8cad9e;
    border-color: #dfe5e1;
    color: #fff;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #dfe5e1;
    border-color: #dfe5e1;
}

.btn-primary {
    background-color: #5ccc8b;
    border-color: #27ae60;
}

.btn-primary.btn-alt {
    color: #27ae60;
}

.nav > li > .btn-primary:hover,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #27ae60;
    border-color: #15b357;
    color: #ffffff;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.open .btn-primary.dropdown-toggle {
    background-color: #27ae60;
    border-color: #27ae60;
    color: #ffffff;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #27ae60;
    border-color: #27ae60;
}

h4{
    /*margin: 1em 0 2em 0;*/
    font-weight:bold;
    line-height: 1.6em;
}
div#insurance,div.boxgroup{
    background-color: #f1e5c9;
    border:solid 2px #27ae60;
    border-top-color:#f1e5c9;
}

.instruction{
    padding:12px;
    background-color:#ebf2ee;
    border-radius:6px;
    margin-bottom:1em;
    margin-top:6px;
    line-height:2em;
    /*height: 120px;*/
    /*overflow: hidden;*/
}
.bg_family{
    background:url("/img/wizard/family.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_insurance{
    background:url("/img/wizard/insurance.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_income{
    background:url("/img/wizard/income.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_pension{
    background:url("/img/wizard/pension.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_education{
    background:url("/img/wizard/education.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_living{
    background:url("/img/wizard/living.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_home{
    background:url("/img/wizard/home.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_transport{
    background:url("/img/wizard/transport.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_dream{
    background:url("/img/wizard/dream.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_loan{
    background:url("/img/wizard/loan.png") no-repeat;
    background-size:contain;
    background-position:right;
}
.bg_account{
    background:url("/img/wizard/account.png") no-repeat;
    background-size:contain;
    background-position:right;
}

.instruction textarea {
    width: 60%!important;
    height: 160px;
}
.instruction:hover{
    height:auto;
}
.delete_td{
    width:20px;
    text-align: right;
}
.count_target > .panel-default {
    background: rgb(194 194 194 / 10%)!important;
}
.count_target {
    box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.3);
    background: #fff;
    margin-bottom: 1.5em!important;
}
.tab-panel .tab-content.block{
    border-color: #8cad9e!important;
}
h3 a{
    float:right;
}
.tab_list.nav-tabs > li.active a{
    border-bottom:none;
    border-color: #8cad9e!important;
    background:#8cad9e!important;
    color:#fff;
}

.tab_list.nav-tabs > li:first-child > a{
     margin-left:0;
}
#analysis_tab_list > li > a{
    height:40px!important;
    border-color: #8cad9e!important;
}
#analysis_tab_list > li.active > a{
    background-color: #8cad9e!important;
}
#analysis_tab_list > li:first-child > a{
    margin-left:0;
}
ul.nav.nav-tabs.tab_list{
    top: 47px;
    border-bottom: solid 1px #8cad9e!important;
    margin-bottom:-1px;
    padding-top: 7px;
}
.tab_list.nav-tabs > li > a{
    border-bottom: solid 1px #8cad9e!important;
    margin-bottom: -1px;
}
/*.init_balance {*/
/*    background: #f2e4d7;*/
/*}*/
.init_balance.securities_ratio{
    border-left:solid 1px #fff;
}
#analysis_result_area{
    border : solid 1px #8cad9e!important;
}
#static_menu{
    padding-top: 6px;
}
#static_menu .wizard.active,#static_menu .wizard:hover{
    background-color: #8cad9e!important;
    color: #fff!important;
    font-weight: bold;
}
#static_menu .nav-pills{
    border-bottom: solid 1px #8cad9e!important;
    margin-bottom: -1px;
}

#static_menu .nav-pills li a.wizard,#static_menu .nav-pills li a.btn-default{
    background-color: #f8f8f8;
    color:#27ae60;
    border:solid 1px #ddd!important;
    border-bottom: none!important;
    font-weight:bold;
}
#static_menu .nav-pills li a.wizard span{
    margin-right: 3px;
    font-family: serif;
    font-weight: normal;
}
#static_menu .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}
.cashflow_area .detail_sheet{
    height: auto!important;
}

.nav > li > a.btn-danger:hover{
    background-color: #e74c3c;
    border-color: #e74c3c;
}
.nav > li > a.btn-danger:focus{
    background-color: #e74c3c;
    border-color: #e74c3c;
}

#wizard table thead tr th{
    background: #a9d8e6;
}
.tab_list .user_icon{
    height: 20px;
    max-height: 30px;
    vertical-align: bottom;
    width: auto;
}
.tab_list.nav-tabs > li > a{
    border: 1px solid #ddd;
    border-bottom: none;
    background: #f8f8f8;
    height: 30px;
}
.tab_list.nav-tabs > li > a{
    height: 40px;
}
td.no-gutter {
    padding: 0!important;
}
.btn-xs, .btn-group-xs>.btn {
    padding: 2px 5px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}
li.fa_lg_btn{
    font-size: 1.2em;
}
input.active {
    border: solid 2px #27ae60;
}
input[type=text]:disabled,input[type=number]:disabled, select:disabled{
    background:#eee!important;
}
.tool_box,.loan_tool_box{
    background: linear-gradient(300deg, #e5e5e5, #b0b0b0);
}
.tool_box input,.loan_tool_box input{
    background: #fff!important;
}
.tool_box:before,.loan_tool_box:before{
    content: "PRO Tool";
    margin-right: 1em;
    font-weight: bold;
    font-style: italic;
    font-family: serif;
    color: #fff;
    font-size: 1.2em;
    margin-top: 4px;
}
.need_capital_result .highcharts-label.highcharts-annotation-label.highcharts-no-tooltip{
    color:#fff;
    width:180px;
}
.securities_ratio label {
    color: #999;
    font-weight: normal;
    font-size: .8em;
    margin-right: 3px;
}
.init_balance input[type=text],
.securities_cell input[type=text],
.securities_cell input[type=number]{
    width:80px;
}
/*h4 small,h3 small{*/
    /*float:right;*/
    /*background-color: #f1e5c9;*/
    /*padding:6px;*/
    /*border-radius:6px;*/
/*}*/