body {
    padding-bottom: 20px;
    overflow-y: scroll;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Set padding to display errors that occur during databinding */
.padding-error {
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {
    .nofloat {
        float: none;
        padding: 10px 15px;
    }
}

/* 年プルダウンの変更 */
select.ui-datepicker-year {
    height: 2em !important; /* 高さ調整 */
    margin-right: 5px !important; /* 「年」との余白設定 */
    width: 70px !important; /* 幅調整 */
}
/* 月プルダウンの変更 */
select.ui-datepicker-month {
    height: 2em !important; /* 高さ調整 */
    margin-left: 5px !important; /* 「年」との余白設定 */
    width: 70px !important; /* 幅調整 */
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*◆テーブル◆*/
.scroll-x-table table {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.scroll-y-table {
    display: block;
    overflow-y: scroll;
    height: calc(100vh/2.5);
}

    .scroll-y-table thead th {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 1;
    }

    .scroll-y-table th, .scroll-y-table td {
        border-top: 0;
        width: auto;
    }

.normal-table td, th {
    vertical-align: middle!important;
}

/*.table-header-common-color th {
    background: #e6f2f8;
}
*/
/* Datepicker Styles */

.ui-datepicker-trigger {
    border: none;
    background: none;
    /*float: right;*/
}

input.small-9.columns.hasDatepicker {
    float: left;
    width: 73%;
}

button.ui-datepicker-trigger {
    background: none;
    color: #333;
    padding: 9px 14px;
}

/*    button.ui-datepicker-trigger:hover {
        background: #CCC;
    }*/

    button.ui-datepicker-trigger i.fa.icon-calendar {
        color: black;
    }

.ui-datepicker {
    z-index: 9999 !important;
}


/*◆リスト装飾◆*/
ul.cp_list {
    padding: 0.5em;
    list-style-type: none;
}

ul.cp_list li {
    position: relative;
    padding: 0em 0.3em 0.3em 1.3em;
}

ul.cp_list li:before {
    position: absolute;
    content: '';
    top: 0.5em;
    left: 0.2em;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #3F51B5;
}