/*
|-------------------------------------------------------------------------
| 1. Common
|-------------------------------------------------------------------------
/* content-header */
.content-header h1 {
    font-size: 1.5rem;
}
/* dropdown-menu */
.dropdown-submenu>a::after {
    margin-left: 0;
    margin-right: -0.5rem;
}
/* card */
.card-title {
    padding: calc(0.25rem + 1px) 0;
}
.card-header .navbar .nav-link {
    padding-top: calc(0.25rem - 1px);
    padding-bottom: calc(0.25rem - 1px);
}
.card-header>.card-tools {
    margin-right: 0;
}
/* tree grid */
.treegrid-expander {
    height: auto;
}
[class*="treegrid-"]>td:first-child {
    text-align: left;
}
/* table */
table {
    max-width: 100%;
}
/*.table thead th,
.table td {
    vertical-align: middle;
}*/
table td img, table td video {
    max-width: 100%;
    height: auto;
}
/* detail view */
.detail-view.table {
    table-layout: fixed;
}
.detail-view.table th {
    width: 27%;
    text-align: right;
}
.detail-view.table>tbody>tr>td p {
    margin: 0;
}
/* form */
form .form-group.row {
    margin-bottom: 1.25rem;
}
form .card-body>.form-group.row:last-child {
    margin-bottom: 0;
}
form .form-group.row > label, form .form-group.row > div {
    padding-right: 1rem;
    padding-left: 1rem;
}
@media (min-width: 768px) {
    .form-horizontal .col-form-label {
        text-align: right;
    }
}
/* image */
img {
    max-width: 100%;
    height: auto;
}
/* select2 */
.select2-container {
    width: 100%!important;
}
/* page */
.page {
    width: 21cm;
    min-height: 29.7cm;
    padding: 2.2cm 1.5cm 2.2cm 1.5cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: white;
    position: relative;
    word-break: break-all;
}
@page {
    margin: 2.2cm 1.5cm 2.2cm 1.5cm;
}
@media print {
    .page {
        width: initial;
        min-height: initial;
        margin: 0;
        padding: 0!important;
        border: initial;
        border-radius: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
    .page:last-child {
        page-break-after: auto;
    }
}
/* callout */
.callout a {
    text-decoration: none;
}
.callout a:hover {
    color: #8f9397;
}

/*
|-------------------------------------------------------------------------
| 2. Pages
|-------------------------------------------------------------------------
*/
/* log */
.log .grid-view table {
    table-layout: fixed;
}
.log .grid-view table th:nth-child(1) {
    width: 6%;
}
.log .grid-view table th:nth-child(2) {
    width: 7%;
}
.log .grid-view table th:nth-child(3) {
    width: 15%;
}
.log .grid-view table th:nth-child(4) {
    width: 20%;
}
.log .grid-view table th:nth-child(6) {
    width: 7%;
}
.log .grid-view table td:nth-child(5) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.log .grid-view table td {
    vertical-align: middle;
}

/* login */
.login-page {
    background: url(../images/bg.jpg) no-repeat left top;
    background-size: cover;
    width: 100vw;
    height: 100vh;
}