body {
    font-size: 13px;
}

.logo-image {
    width: 100px;
    height: 100px;
}

.logo > img {
    height: 7rem;
}

.password-margin{
    margin-top: 20px;
}

.password-width{
    width: 100%!important;
}

.account-detail {
    position: inherit!important;
    padding: 17px;
}

.profile{
    line-height: 22px!important;
}

.account-info-span{
    vertical-align:middle;
    font-size: 14px!important;
}

.account-info-span span,h5{
    color: #fff;
}

.account-info-span p{
    margin: 0;
    text-align: right;
}

.login-maintain{
    padding-left: 23px;
    color: #80898e;
}

.password-forgot{
    padding-left: 27px;
    color: #80898e;
}

.text-center p {
    margin: 30px 0;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    width: 200px;
}

.dropdown-menu > li > a {
    color: #333333;
    display: block;
    padding: 12px 25px;
        font-size: 13px;
}

.dropdown-menu > li > a > i {
    display: inline-block;
    font-size: 20px;
    line-height: 17px;
    margin-left: 3px;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.dropdown-menu > li > a > span {
    vertical-align: middle;
}

.notifi-title {
    padding: 15px 0px;
    font-size: 13px;
}

.notifi-title:hover {
    background-color: #e9e9e9;
}

/**ダッシュボード**/

b {
    font-weight: 100;
}

.label {
    border-radius: 0;
    font-size: 97%;
    font-weight: 100;
}

.panel-heading {
    padding: 2px 20px;
}

.panel .panel-body {
    padding: 25px 20px 20px 20px;
    font-size: 13px;
}

.font-red {
    color: crimson;
}

.table > tbody > tr > td {
    border-bottom: 1px solid #bbb;
    padding: 8px;
    vertical-align: middle;
}

.table > thead > tr th {
    border-bottom: 1px solid #bbb;
    padding: 0 8px;
    font-size: 12px;
}

.m-t-30 {
    margin-top: 10px !important;
}

.text-center {
    text-align: center;
}

.panel .deposit-body {
    padding-top: 0;
}

.m-t-10 {
    margin: 20px 0 !important;
}

/**モーダル**/

.nav.nav-tabs + .tab-content {
    padding: 0;
}

.tab-content {
    box-shadow: none;
}

select.input-sm {
    display: inline;
}

.control-label {
    vertical-align: text-top;
    padding-left: 5px;
}

.control-label-detail {
    vertical-align: text-bottom;
    font-weight: normal;
    padding-top: 10px;
    padding-left: 0px;
}


.navtab-custom li.active a {
	border-right: 1px solid #bbb !important;
	border-left: 1px solid #bbb !important;
	background-color: red;
}

.modal-table {
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    margin-bottom: -2px !important;
    margin-left: -1px !important;
    margin-right: -1px !important;
}

.checkbox {
    margin: 0;
}

.form-footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-footer label {
    font-size: 14px;
    color: #333333;
    padding-left: 10px;
}

.modal .modal-dialog .modal-content .modal-header .close {
    top: 25px;
    right: 25px;
}

.modal-text-area {
    padding-bottom: 2rem;
}

.modal-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    margin: auto;
    pointer-events: none;
}

@media (min-width: 768px){
.modal-dialog {
    width: 650px;
}
}

.modal-dialog .panel {
    margin: 0;
}

.modal-content {
    pointer-events: all;
}

.modal-password{
    width: 600px;
}

.cancel-btn {
    background: none;
    border: none;
    box-shadow: none;
}

.table-scroll{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 418px;
    border: 1px solid #bbb;
}

.table-scroll > .col-sm-12{
    padding-right: 8px;
}

.table-scroll::-webkit-scrollbar{
    width: 19px;
}

.table-scroll::-webkit-scrollbar-track{
  background: #e9e9e9;
border-left: 1px solid #bbb;
}

.table-scroll::-webkit-scrollbar-thumb{
  background: #bbb;
}

.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.disabled,
.datepicker table tr td.active.disabled:hover{
    background-image: none;
}


/**
 * FooTableスタイル調整
 */
.footable-row-detail {
    background-color: initial;
}

/**
 * DataTableスタイル調整
 */
.even {
    background-color: #f5f5f5;
}

table.dataTable thead > tr > th {
    padding-right: initial;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: .75rem;
    left: 0;
    display: inline-block;
    font-family: 'footable';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
    color: #777;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: initial;
    left: initial;
    height: initial;
    width: initial;
    display: initial;
    position: initial;
    color: initial;
    border: initial;
    border-radius: initial;
    box-shadow: initial;
    box-sizing: initial;
    font-family: 'footable';
    text-indent: initial;
    line-height: initial;
    content: '\e021';
    background-color: initial;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '\e01f';
    background-color: initial;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    content: '';
}

table.dataTable thead span.sort-indicator, table.dataTable thead span.sort-indicator-asc, table.dataTable thead span.sort-indicator-desc {
    font-family: 'footable';
    padding-left: 5px;
}

table.dataTable thead span.sort-indicator:before {
    content: "\e022";
}

table.dataTable thead span.sort-indicator-asc:before {
    content: "\e012";
}

table.dataTable thead span.sort-indicator-desc:before {
    content: "\e013";
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    position: relative;
    max-width: 5px;
    width: 5px;
    padding-left: 8px;
    cursor: pointer;
}

/**
 * メディアクエリ設定上書き
 */
@media (max-width: 499px) {
    .topbar-left {
      width: 70px !important;
    }

    .logo .icon-c-logo {
      display: inline-block !important;
      line-height: 58px !important;
    }

    .logo span {
      display: none !important;
    }

    .content-page {
      margin-left: 70px;
    }

    .forced .side-menu.left {
      box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
    }

    .enlarged .side-menu.left {
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
    }
  }

.modal-dialog {
    padding: 4rem 0;
}

.modal .modal-dialog .modal-content {
    padding: 0;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 25px 30px 40px;
}

#agency_payment_table,#customer_payment_table{
    width: 101%;
    max-width: 101%;
}

.form-year {
    width: 6rem;
}

.form-month {
    width: 5rem;
}

hr.style-four {
    height: 10px;
    border: 0;
    line-height: 2em;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
.dark {
  color: #333333 !important;
}
.white {
  color: #ffffff !important;
}
.red {
  color: #dd5a43 !important;
}
.red2 {
  color: #e08374 !important;
}
.light-red {
  color: #ff7777 !important;
}
.blue {
  color: #478fca !important;
}
.light-blue {
  color: #93cbf9 !important;
}
.green {
  color: #69aa46 !important;
}
.light-green {
  color: #b0d877 !important;
}
.orange {
  color: #ff892a !important;
}
.orange2 {
  color: #feb902 !important;
}
.light-orange {
  color: #fcac6f !important;
}
.purple {
  color: #a069c3 !important;
}
.pink {
  color: #c6699f !important;
}
.pink2 {
  color: #d6487e !important;
}
.brown {
  color: brown !important;
}
.grey {
  color: #777777 !important;
}
.light-grey {
  color: #bbbbbb !important;
}