/*
|-------------------------------------------------------------------------
| 1. Common
|-------------------------------------------------------------------------
/* content-header */
.content-header h1 {
    font-size: 1.5rem;
}
/* dropdown-menu */
.dropdown-submenu>a::after {
    margin-left: 0;
    margin-right: -0.5rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #579ce5;
}
/* 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 td img, table td video {
    max-width: 100%;
    height: auto;
}
table .avatar {
    width: 2.1rem;
}
/* grid view */
.grid-view .table thead th,
.grid-view .table tbody td {
    vertical-align: middle;
}
/* 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;
}*/
/*.form-inline {
    align-items: flex-start;
}
.form-inline .form-group {
    flex-direction: column;
}*/
.form-inline .custom-control {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}
.form-inline .custom-control:not(:last-child) {
    padding-right: 1.5rem;
}
.form-inline .form-check {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}
.form-inline .form-check:not(:last-child) {
    padding-right: 1.5rem;
}
@media (min-width: 768px) {
    .form-horizontal .col-form-label {
        text-align: right;
    }
}
[class*=edui-].form-control {
    height: auto;
    padding: 0!important;
}
input[type=checkbox],
input[type=radio] {
    transform: scale(1.15);
}
/* image */
img {
    max-width: 100%;
    height: auto;
}
/* p */
p {
    clear: both;
    margin: 5px 0;
    white-space: normal;
    min-height: 1em;
}
/* 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;
}
/* scrollbar */
.scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    background: #bbd4e5;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}
/** buttons */
.btn-group-sm>.btn, .btn-sm {
    height: calc(1.8125rem + 2px);
}

/*
|-------------------------------------------------------------------------
| 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.png) no-repeat center center;
    background-size: cover;
    width: 100vw;
    height: 100vh;
}
.login-box {
    margin-left: 40%;
}
.login-frame {
    position: relative;
}
.login-container {
    min-height: 285px;
}
.login-container-account .login-container-select {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    overflow: hidden;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5RUkAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0yLDAgTDMyOS41ODU3ODYsMCBDMzI5Ljg1MTAwMyw0LjEyNzQ3OTgyZS0xNCAzMzAuMTA1MzU3LDAuMTA1MzU2ODQgMzMwLjI5Mjg5MywwLjI5Mjg5MzIxOSBMMzc5LjcwNzEwNyw0OS43MDcxMDY4IEMzNzkuODk0NjQzLDQ5Ljg5NDY0MzIgMzgwLDUwLjE0ODk5NzEgMzgwLDUwLjQxNDIxMzYgTDM4MCwyNjggQzM4MCwyNjkuMTA0NTY5IDM3OS4xMDQ1NjksMjcwIDM3OCwyNzAgTDIsMjcwIEMwLjg5NTQzMDUsMjcwIDEuMzUyNzA3NWUtMTYsMjY5LjEwNDU2OSAwLDI2OCBMMCwyIEMtMS4zNTI3MDc1ZS0xNiwwLjg5NTQzMDUgMC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDIsMCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNS43JSIgeT0iLTguNyUiIHdpZHRoPSIxMTIuNCUiIGhlaWdodD0iMTE3LjQlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMiIgZHk9IjAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjcuNSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i57yW57uELTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzAuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgwIiBoZWlnaHQ9IjI3MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC01Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSIzLkljb25zL0ZpbGxlZC9xci1jb2RlIiBvcGFjaXR5PSIwLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0Ny4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41MDAwMDAsIDMuNTAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi4zMzMzMzMzLDIuMzMzMzMzMzMgTDE2LjMzMzMzMzMsNC42NjY2NjY2NyBMMTguNjY2NjY2Nyw0LjY2NjY2NjY3IEwxOC42NjY2NjY3LDIuMzMzMzMzMzMgTDE2LjMzMzMzMzMsMi4zMzMzMzMzMyBaIE05LjMzMzMzMzMzLDE4LjY2NjY2NjcgTDExLjY2NjY2NjcsMTguNjY2NjY2NyBMMTEuNjY2NjY2NywyMSBMOS4zMzMzMzMzMywyMSBMOS4zMzMzMzMzMywxOC42NjY2NjY3IFogTTE4LjY2NjY2NjcsOS4zMzMzMzMzMyBMMjEsOS4zMzMzMzMzMyBMMjEsMTEuNjY2NjY2NyBMMTguNjY2NjY2NywxMS42NjY2NjY3IEwxOC42NjY2NjY3LDkuMzMzMzMzMzMgWiBNOS4zMzMzMzMzMywxNCBMMTEuNjY2NjY2NywxNCBMMTEuNjY2NjY2NywxNi4zMzMzMzMzIEw5LjMzMzMzMzMzLDE2LjMzMzMzMzMgTDkuMzMzMzMzMzMsMTQgWiBNMTQsOS4zMzMzMzMzMyBMMTYuMzMzMzMzMyw5LjMzMzMzMzMzIEwxNi4zMzMzMzMzLDExLjY2NjY2NjcgTDE0LDExLjY2NjY2NjcgTDE0LDkuMzMzMzMzMzMgWiBNMS4xNjY2NjY2NywwIEwxMC41LDAgQzExLjE0NDMzMjIsMCAxMS42NjY2NjY3LDAuNTIyMzM0NDU5IDExLjY2NjY2NjcsMS4xNjY2NjY2NyBMMTEuNjY2NjY2NywxMC41IEMxMS42NjY2NjY3LDExLjE0NDMzMjIgMTEuMTQ0MzMyMiwxMS42NjY2NjY3IDEwLjUsMTEuNjY2NjY2NyBMMS4xNjY2NjY2NywxMS42NjY2NjY3IEMwLjUyMjMzNDQ1OSwxMS42NjY2NjY3IDAsMTEuMTQ0MzMyMiAwLDEwLjUgTDAsMS4xNjY2NjY2NyBDMCwwLjUyMjMzNDQ1OSAwLjUyMjMzNDQ1OSwwIDEuMTY2NjY2NjcsMCBaIE0yLjMzMzMzMzMzLDIuMzMzMzMzMzMgTDIuMzMzMzMzMzMsOS4zMzMzMzMzMyBMOS4zMzMzMzMzMyw5LjMzMzMzMzMzIEw5LjMzMzMzMzMzLDIuMzMzMzMzMzMgTDIuMzMzMzMzMzMsMi4zMzMzMzMzMyBaIE00LjY2NjY2NjY3LDQuNjY2NjY2NjcgTDcsNC42NjY2NjY2NyBMNyw3IEw0LjY2NjY2NjY3LDcgTDQuNjY2NjY2NjcsNC42NjY2NjY2NyBaIE0xNS4xNjY2NjY3LDAgTDE5LjgzMzMzMzMsMCBDMjAuNDc3NjY1NSwwIDIxLDAuNTIyMzM0NDU5IDIxLDEuMTY2NjY2NjcgTDIxLDUuODMzMzMzMzMgQzIxLDYuNDc3NjY1NTQgMjAuNDc3NjY1NSw3IDE5LjgzMzMzMzMsNyBMMTUuMTY2NjY2Nyw3IEMxNC41MjIzMzQ1LDcgMTQsNi40Nzc2NjU1NCAxNCw1LjgzMzMzMzMzIEwxNCwxLjE2NjY2NjY3IEMxNCwwLjUyMjMzNDQ1OSAxNC41MjIzMzQ1LDAgMTUuMTY2NjY2NywwIFogTTE1LjE2NjY2NjcsMTQgTDE5LjgzMzMzMzMsMTQgQzIwLjQ3NzY2NTUsMTQgMjEsMTQuNTIyMzM0NSAyMSwxNS4xNjY2NjY3IEwyMSwxOS44MzMzMzMzIEMyMSwyMC40Nzc2NjU1IDIwLjQ3NzY2NTUsMjEgMTkuODMzMzMzMywyMSBMMTUuMTY2NjY2NywyMSBDMTQuNTIyMzM0NSwyMSAxNCwyMC40Nzc2NjU1IDE0LDE5LjgzMzMzMzMgTDE0LDE1LjE2NjY2NjcgQzE0LDE0LjUyMjMzNDUgMTQuNTIyMzM0NSwxNCAxNS4xNjY2NjY3LDE0IFogTTE2LjMzMzMzMzMsMTYuMzMzMzMzMyBMMTYuMzMzMzMzMywxOC42NjY2NjY3IEwxOC42NjY2NjY3LDE4LjY2NjY2NjcgTDE4LjY2NjY2NjcsMTYuMzMzMzMzMyBMMTYuMzMzMzMzMywxNi4zMzMzMzMzIFogTTEuMTY2NjY2NjcsMTQgTDUuODMzMzMzMzMsMTQgQzYuNDc3NjY1NTQsMTQgNywxNC41MjIzMzQ1IDcsMTUuMTY2NjY2NyBMNywxOS44MzMzMzMzIEM3LDIwLjQ3NzY2NTUgNi40Nzc2NjU1NCwyMSA1LjgzMzMzMzMzLDIxIEwxLjE2NjY2NjY3LDIxIEMwLjUyMjMzNDQ1OSwyMSAwLDIwLjQ3NzY2NTUgMCwxOS44MzMzMzMzIEwwLDE1LjE2NjY2NjcgQzAsMTQuNTIyMzM0NSAwLjUyMjMzNDQ1OSwxNCAxLjE2NjY2NjY3LDE0IFogTTIuMzMzMzMzMzMsMTYuMzMzMzMzMyBMMi4zMzMzMzMzMywxOC42NjY2NjY3IEw0LjY2NjY2NjY3LDE4LjY2NjY2NjcgTDQuNjY2NjY2NjcsMTYuMzMzMzMzMyBMMi4zMzMzMzMzMywxNi4zMzMzMzMzIFoiIGlkPSLlm77moIfpopzoibIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0i55+p5b2iIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top right;
    background-size: 100%;
}
.login-container-scan {
    display: none;
}
.login-container-scan .login-box-msg {
    text-align: right;
}
.login-container-scan .login-container-select {
    margin-right: -20px;
}
.login-container-scan .login-container-scan-qrcode {
    height: 160px;
    overflow: hidden;
    text-align: center;
}

/* notifications */
.notifications {
    margin-bottom: 1rem;
    padding: 2.5rem;
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
}
.notifications .table {
    border-bottom: 1px solid #dee2e6;
}
.notifications .table-hover tbody tr:hover,
.notifications .table-hover tbody tr.expandable-body:hover,
.notifications tr[aria-expanded=true],
.notifications .expandable-body {
    background-color: #f4f5f9!important;
}
.notifications td {
    color: #353535;
}
.notifications .expandable-body td {
    border-top-width: 0;
}
.notifications i.dot {
    color: #ff4f15;
    font-size: 17px;
    margin-left: 1rem;
    margin-right: 0.5rem;
}
.notifications .readed td {
    color: #9a9a9a;
}
.notifications tr[aria-expanded=true] td {
    color: #353535;
}
.notifications .readed i.dot {
    color: #d5d5d5;
    font-size: 12px;
}
.notifications i.arrow {
    font-size: 13px;
    margin-left: 0.75rem;
    margin-right: 0.25rem;
    display: inline-block;
    border-style: solid;
    border-width: 4px;
    border-color: #c2c0be #fff #fff;
}
.notifications tr:hover i.arrow {
    border-color: #c2c0be #f4f5f9 #f4f5f9;
}
.notifications tr[aria-expanded=true] i.arrow {
    border-color: #f4f5f9 #f4f5f9 #c2c0be;
    margin-bottom: 4px;
}

.raw table th, .raw table td {
    padding: 5px 10px;
    border: 1px solid #000;
}
.raw table td p {
    margin: 0;
    padding: 0;
}

/* viewer */
.viewer img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

/* material */
.material.viewer img {
    width: 100% !important;
    height: unset !important;
    aspect-ratio: 1 !important;
}
.material.viewer .note {
    text-align: center;
}

/* section-evaluation */
.section-evaluation th:nth-child(1) {
    min-width: 50px;
}
.section-evaluation th:nth-child(2) {
    min-width: 60px;
}
.section-evaluation th:nth-child(3) {
    min-width: 90px;
}
.section-evaluation th:nth-child(4) {
    min-width: 110px;
}
.section-evaluation th:nth-child(5) {
    min-width: 110px;
}
.section-evaluation td:nth-child(6) {
    text-align: left;
}