* {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.detail-header {
    padding: 1em 0;
}
.detail-header table {
    width: 100%;
}
.detail-header th {
    font-size: 1.3rem;
    padding-bottom: 1rem;
}
.detail-header td {
    font-size: 2.3rem;
}

.detail-header th.separater {
    text-align: left;
    vertical-align: bottom;
    padding: 0;
}
.detail-header th.separater .border {
    width: 50%;
    height: 10px;
    border-right: 1px solid #e6e6e6;
}
.detail-header td.separater {
    text-align: left;
    vertical-align: top;
    padding: 0;
}
.detail-header td.separater .border {
    width: 50%;
    height: 20px;
    border-right: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px) {
    .detail-header th {
        min-width: 6em;
    }
}

.detail-body {
    margin-top: 1em;
}
.white-box.border-radius {
    border: 1px solid;
    border-radius: 8px;
}
.border-radius.has-primary {
    border-color: #00c4cc;
}
h1.border-bottom, h2.border-bottom, h3.border-bottom, h4.border-bottom, h5.border-bottom {
    padding-bottom: 0.5em;
}
.border-bottom {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1em;
}
.detail-body dt {
    padding: 0 0 0.5em 0;
}
.detail-body dd {
    font-size: 1.8rem;
    padding: 0 0 0.5em 0;
    margin-bottom: 1em;
}
.detail-body dd:not(.noborder) {
    border-bottom: 1px dotted #00c4cc;
}
.sms-body {
    /*word-wrap: break-word;*/
    overflow-wrap : break-word;
    margin-bottom: 10px
}
.sms-body-memo {
    padding: .5em 0;
}

.conditions .form-inline {
    margin-bottom: 1em;
}
.inner-header {
/*    border-bottom: 1px solid #00c4cc;*/
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 2em;
    padding-left: 25px;
    padding-right: 25px;
}
.inner-header h4 {
    margin-top: 0;
    position: relative;
}
.buttons-container {
    position: relative;
}
.right-buttons {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.inner-header h4 .buttons .btn:nth-child(n+2) {
    margin-left: 10px;
}

.table thead {
    border-bottom: 2px solid;
}
.label.required {
    border-radius: 6px;
    padding: 3px 6px;
}
textarea.message-body {
    height: 20em;
}
.sub-title {
    border-bottom: 1px solid #00c4cc;
    padding-bottom: .5em;
}
.hover-control-base {
    position: relative;
}
.hover-control {
    display: none;
    position: absolute;
    top: 6px;
    right: 0;
    padding-right: 30px; /* for tooltip */
}
.hover-control-tr:hover .hover-control {
    display: block;
}
.hover-control i {
    border-radius: 50%;
    background: #ccc;
    padding: 6px;
    margin-left: 3px;
    color: #000;
}
.table.noborder th,
.table.noborder td {
    border: none;
}
.dataTables_filter label {
    position: relative;
}
.dataTables_filter i {
    position: absolute;
    bottom: 0;
    right: 2px;
}
.cursor-pointer {
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    .conditions .form-group {
        margin: 0 1em;
    }
    .conditions .form-group:first-child {
        margin-left: 0;
    }
    .conditions .form-control {
        min-width: 196px;
        max-width: 196px;
        width: 196px;
    }
    .from-label {
        position: relative;
    }
    .from-label:after {
        content: '～';
        position: absolute;
        bottom: 10px;
        right: -22px;
    }
}
@media screen and (max-width: 767px) {
    select.form-control {
        width: 100%;
    }
}

/*  ---------------- */
/* Labels */
/*  ---------------- */
.label-danger.label-outline {
    background-color: transparent;
    border: 1px solid #f33155;
    color: #f33155;
    overflow: hidden;
}

.label-warning.label-outline {
    background-color: transparent !important;
    border: 1px solid #fb4 !important;
    color: #fb4;
    overflow: hidden;
}

.label-info.label-outline {
    background-color: transparent !important;
    border: 1px solid #00c4cc !important;
    color: #00c4cc;
    overflow: hidden;
}

.label-success.label-outline {
    background-color: transparent;
    border: 1px solid #7ace4c;
    color: #7ace4c;
    overflow: hidden;
}

/* radio */
@media (min-width: 768px) {
    .form-inline .radio {
        padding-left: 8px;
    }
}

/* datetime */
.datetime .date {
    width: 50%;
}
.datetime .time {
    width: 40%;
}
input.datepicker {
    padding: 6px 12px;
}
.datetime .form-control {
    display: inline-block;
}

#side-menu {
    padding-bottom: 3em;    
}

.form-group .btn {
    margin-bottom: 4px;
}

/* table */
.table>thead {
    border: none;
    background-color: #f3f3f3;
}
.table>thead>tr>th {
    padding: 1em;
}
.table-shadow {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    /*
    box-shadow: 0 0 4px 4px #edf1f5;
    */
    box-shadow: 0 0 4px 4px rgba(237, 241, 245, 0.8);
}

.shadow {
    box-shadow: 0 0 4px 4px #edf1f5;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 768px) {
    .form-inline .form-tel .form-control {
        width: 20%;
        min-width: 20%;
        max-width: 20%;
    }
}

/* sweet alert */
.sweet-alert.preview h2 {
    display: none;
}
.sweet-alert.preview p {
    text-align: left;
}

.has-primary .form-control {
    border-color: #00c4cc;
}

.form-horizontal .radio-inline {
    padding-top: 0;
}

.linear_warning {
    background: linear-gradient(transparent 55%, yellow 50%);
}

.statistics .result {
    font-size: 60px;
    color: #00c4cc;
    padding: 10px 20px;
}

.statistics .result-s {
    font-size: 30px;
    padding: 10px;
}

.statistics .separater {
    border-left: 1px solid #e6e6e6;
}

.statistics .table th, .statistics .table td {
    vertical-align: middle;
    padding: 0;
}

.statistics label {
    font-weight: 600;
    font-size: 1.6rem;
}

.statistics-s .result {
    font-size: 30px;
    color: #00c4cc;
    padding: 10px 10px;
}

.bg-title .breadcrumb {
    float: none;
}

.top-left-part .light-logo {
    height: 30px;
}

.logo-container {
    position: relative;
}

.logo-container .label {
    position: absolute;
    right: -33px;
    bottom: -2px;
    font-size: 0.1em;
    padding: 4px;
}

.border-bottom .right-buttons {
    bottom: 8px;
}

@media (min-width: 768px) {
    .dashboard {
        width: 500px;
    }
}

.form-group .radio-list {
    margin-bottom: 0.5em;
}

/* pagination */
.dataTables_wrapper .dataTables_paginate .disabled {
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover a {
    color: #fff;
}

.site .description {
    height: 5em;
}
.site .title {
    font-size: 2rem;
    margin-bottom: 0.5em;
}

.site .title i {
    font-size: 2rem;
    margin-right: 0.5em;
}

/* profile image */
.profile-pic {
    max-height: 60px;
    overflow: hidden;
}