/* common */
.no-border { border: 0 !important; box-shadow: none !important; }
.bg-head { background-color: #d2e2ec;}
.text-white { color:#fff;}
.text-lemon { color:#ff6;}
.text-light-green { color:#cfc;}
table.table tr th { white-space: nowrap; }
ul.nav-tabs>li>a { padding: 15px; }
.nav-tab-button { margin: 5px 15px; }
ul.sidebar-menu>li>a>i.fa{ font-size: 120% !important; }
ul.sidebar-menu>li>a>i.fa-home,
ul.sidebar-menu>li>a>i.fa-user,
ul.sidebar-menu>li>a>i.fa-sign-out{
    font-size: 140% !important;
}
.checkbox-margin{ padding: 0 10px 0 10px; margin: 0 10px 0 0; }
#search-area{ margin-bottom: 10px; padding:10px; background: #f9f9f9;}
.inner-label {padding-top: 7px; margin-bottom: 0; text-align: left; }
.actions, .nowrap {white-space: nowrap;}
table.th-nowrap tr th, table.td-nowrap tr td {white-space: nowrap;}
.clear {clear: both;}
.datetime {width:120px;}
.money {width:90px;}
table tr td.customer-name{ max-width:200px; min-width:110px;}
table.hide-cols tr th.col-summary,table tr td.col-summary{
     max-width:5px;
     overflow: hidden;
     padding-left:5px;
     padding-right:0;
}
table tr th.col-summary {
     cursor: col-resize;
     background: #d2c5f7;
}
span.warning {
    color: #ff3300;
}

/* Search */
form.label-sm label {
    font-size: 90%;
}

/* Timeline */
a.btn-timeline {
    display: inline;
    margin: 2px;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
}
div.timeline-time {
    color:#888;
    font-size: 12px;
    text-align: right;
    padding:5px 12px;
}
div.timeline-time>span{
    margin-right:5px;
}
a.filter-button.act { color: #000 !important; }
.timeline-switch{ text-align: right; margin-right: 10px;}
span.timeline-time {padding-left:10px; font-size: 13px; color: #888; display: inline-block;}

/* Meeting, Deposits */
/* .nav-tabs-custom > .nav-tabs > li.active > a.tab-withdraw{background: #faa;}
.nav-tabs-custom > .nav-tabs > li > a.tab-withdraw{background: #fdd;}
.nav-tabs-custom > .nav-tabs > li.active > a.tab-deposit{background: #aaf;}
.nav-tabs-custom > .nav-tabs > li > a.tab-deposit{background: #ddf;} */
.nav-tabs-custom > .nav-tabs > li:nth-child(2n+1).active { border-top-color: #c00;}
.nav-tabs-custom > .nav-tabs > li:nth-child(2n).active { border-top-color: #00c;}
a.tab-withdraw,a.tab-deposit{ width:100px; text-align:center;}

#main .nav-tabs-custom{ box-shadow: none}
/* #main .nav-tabs-custom > .nav-tabs { border-bottom:0; } */
/* #main .nav-tabs-custom > .nav-tabs > li { margin-bottom: 0;} */
#main .nav-tabs-custom > .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

}
.bg-title-withdraw { background: #fee; margin:5px 0 5px; padding-top: 3px; padding-bottom: 3px;  }
.bg-title-deposit { background: #eef; margin:5px 0 5px; padding-top: 3px; padding-bottom: 3px; }

#main .nav-tabs-custom > .tab-content > div.tab-pane > div.add-box > div.row {
    margin: 0px;
}
#main .nav-tabs-custom > .tab-content > div.tab-pane > div.add-box > div.row .form-group {
    margin-bottom: 0;
    padding: 5px 0;
}
#main .nav-tabs-custom > .tab-content > div#withdraw.tab-pane > div.add-box > div:nth-child(2n+1).row { background: #fff0f0; }
#main .nav-tabs-custom > .tab-content > div#deposit.tab-pane > div.add-box > div:nth-child(2n+1).row { background: #f0f0ff; }
button.item_add { margin-top:10px;}
.close-icon { font-size:24px; margin:8px; touch-action: manipulation; cursor: pointer; color: #c00; }

.tooltip-inner { padding : 10px 15px !important; background: #555;}
.tooltip.top .tooltip-arrow{ border-top-color: #555 !important;}

/* */
span.postit-name { padding:5px; margin-right:10px; }
ul > li.menu-disp-setting { padding:10px 20px; color:#fff; }

#main .nav-tabs-custom>.deposit-tabs>li:first-of-type.active>a{border-left-color:#ddd; border-right-color:#ddd;}
#main .nav-tabs-custom>.deposit-tabs>li.active>a{border-left-color:#ddd; border-right-color:#ddd;}
#main .nav-tabs-custom >.deposit-tabs {border-bottom-color:#ddd; }

table tr td.actions, table tr td.no {
    width: 50px;
    min-width: 50px;
    max-width: 270px;
}
table tr td.no {
    width: 40px;
    min-width: 40px;
    max-width: 200px;
}

.page-back{
    position: fixed;
    bottom: 16px;
    left: 0px;
    z-index:9999;
}

.page-back a {
    display: block;
    text-decoration: none;
    color:#FFF;
    font-size:70px;
}

.page-back:hover
{
    opacity: 0.85 ;
}

.switch-lawyer-display{
    margin-right:50px;
}

.help-block ul { padding-left: 0 !important; list-style-type: none;   }

table tr.summary td {
    background: #f3dcfc;
}
/* header */
li.setting-fiscal-year form {
    display:flex;
    align-items: baseline;
    margin-top:8px;
    margin-bottom:8px;
    color:#fff;
}
li.setting-fiscal-year select {
    margin-left:5px;
}
li.login-user {
    color:#fff;
}
li div.username {
    color:#fff;
    padding:12px 5px 12px 15px;
}
.sidebar-mini .sidebar-menu li.side-login-user {
    display: block;
}
.sidebar-mini.sidebar-collapse .sidebar-menu li.side-login-user {
    display: none !important;
}

/* user regist */
table.v-table {
    width: 100%;
    border: 1px solid #ddd;
}
table.v-table th {
    background: #e6e6f7;
    width: 150px;
    white-space: nowrap;
}
table.v-table tr td {
    width:auto;
}
table.v-table tr th,table.v-table tr td {
    padding:10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.v-table tr td > div.radio, table.v-table tr td > div.checkbox {
    display: inline-block; margin-right: 40px;
}
table.v-table tr td div.form-group {
    margin-bottom:0px !important;
}

dl.required dt label.control-label:before,
tr.required th label.control-label:before,
th.required label.control-label:before  {
    content: "必須";
    color: #fff;
    background: #ff3300;
    font-size: 1.1rem;
    font-weight:normal;
    padding:1px 2px;
    margin-right:5px;
}

.col-cb {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 2px;
    min-width:120px;
    white-space: nowrap;
    display:inline-block;
}

div.label-wrapper {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.label-wrapper label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
div.label-wrapper input[type=radio],
div.label-wrapper input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
}

/* 利用規約に同意する */
div.user-policy {
    padding: 30px 10px;
}

.back {
    margin-right: 30px;
}

@media (max-width: 767px) {
    section.content :not(.date-picker-wrapper) table,
    section.content :not(.date-picker-wrapper) tbody,
    section.content :not(.date-picker-wrapper) tr,
    section.content :not(.date-picker-wrapper) th,
    section.content :not(.date-picker-wrapper) td {
        display: block;
        width: 100% !important;
        border-collapse: collapse;
    }
    .form-control {
        min-width: 200px;
    }

}
