html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.tm-sc-departments {
    border-radius: 10px;
    box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
    background: #fff;
    padding: 25px;
}

.note-view > .note-btn {
    display: none !important;
}

.note-view > .btn-codeview {
    display: block !important;
}

.note-btn-group > .dropdown-toggle::after {
    content: none !important;
}

.two-line {
    font-size: 20px !important;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.three-line {
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.four-line {
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-content-area table td, .main-content-area table th, .comment-body .comment-text table td, .comment-body .comment-text table th {
    padding: 10px 10px !important;
    vertical-align: middle;
}

.rotate {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}


/*page[size="A4"] {
    background: white;
    width: 21cm;
    height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

@media print {
    body, page[size="A4"] {
        margin: 0;
        box-shadow: 0;
    }
}*/


.page {
    width: 21cm;
    min-height: 29.7cm;
    padding: 1.5cm;
    margin: 0 auto;
    /*border: 1px #D3D3D3 solid;*/
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
    padding: .5cm;
    border: 5px #1a2584 solid;
    height: 267mm;
    outline: 1.5cm #1a258425 solid;
    position: relative;
}

.page-portrait {
    width: 21cm;
    min-height: 29.7cm;
    padding: 1.5cm;
    margin: 0 auto;
    /*border: 1px #D3D3D3 solid;*/
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage-portrait {
    padding: .5cm;
    /*border: 5px #1a2584 solid;*/
    height: 267mm;
    outline: 1px solid;
    position: relative;
}

.page-landscape {
    width: 29.7cm;
    min-height: 21cm;
    padding: 0.5cm;
    border: 1px #D3D3D3 solid;
    /*margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;*/
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage-landscape {
    /*padding: .5cm;*/
    height: 199mm;
    /* border: 5px #1a2584 solid;
    outline: 0.5cm #1a258425 solid;*/
    position: relative;
}

.a4page-landscape {
    width: 21cm;
    min-height: 14.8cm;
    margin: 0 auto;
    padding: 0.5cm;
    border: 1px #D3D3D3 solid;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.ID-Page {
    width: 9.9cm;
    min-height: 6.7cm;
    margin: 0 auto;
    /*padding: 0.5cm;*/
    border: 1px #D3D3D3 solid;
    background: #1a2584;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}