/* 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;
    }
}

.error-message {
    color: #ff3333;
    font-weight:600;
}

.ok-message {
    color: #229954;
    font-weight: 600;
}

.lib-item-form input,
.lib-item-form select,
.lib-item-form textarea {
    max-width: unset;
}

label.required:after {
    content: " *";
    color:red;
}



* {
    margin: 0;
    padding: 0;
}

html,
body,
.wrapper {
    height: 100%;
}

.container.body-content {
    width: 116rem;
    padding: 0;
    box-sizing: border-box;
    min-height: 100%;
    padding-top: 25rem;
    padding-bottom: 23rem;
}


.footer {
    max-height: 23rem;
    min-height: 23rem;
    color: #E9E9E9;
    border: 1px solid #B19366;
    background-color: #272727;

    margin-top: -23rem;
}
    .footer .container {
       width: 116rem;
       padding:0;
       position:relative;
    }

    .footer p{
        margin:0;
    }

    .footer p.disclame {
        position: absolute;
        left: 0;
        top: 5.7rem;
    }

    .footer .privacy-policy {
        position: absolute;
        left: 0;
        top: 12rem;
    }

    .footer .user-agreement {
        position: absolute;
        left: 0;
        top: 14.9rem;
    }

    .footer button.feedback {
        position: absolute;
        right: 0;
        top: 12rem;
        background-color: #272727;
        border: 1px solid #B19366;
        border-radius: 0.2rem;
        padding: 1.6rem;
    }

    .footer button.feedback img{
        margin-left: 1.6rem;
    }

#loginForm {
    /*  position: absolute;
    left: 38rem;
    top: 17rem;*/
}

    #loginForm input.login-form-control {
        border: 1px solid #B19366;
        min-width: 56rem;
        height: 6rem;
        padding-left: 3.8rem;
    }

    #loginForm button.btn {
        background-color: #B19366;
        width: 17.7rem;
        height: 5rem;
        color: #FFFFFF;
        font-size: 1.6rem;
        margin-right:25.8rem;
    }

.navbar.fixed-top {
    height:9.6rem;
    margin-bottom: 0;
    background-color:#222;
    border-block-color:#080808;
    position:fixed;
    left:0;
    top:0;
    z-index:1030;
    width:100%;
}
    .navbar.fixed-top .container {
        width: 116rem;
        padding: 0;
    }
        .navbar.fixed-top .container .navbar-header {
            width: 31.7rem;
            height: 4.5rem;
            margin-top: 2.6rem;
        }
        .navbar.fixed-top .container .navbar-collapse {
            margin-top: 3.9rem;
            padding:0
        }
            .navbar.fixed-top .container .navbar-header a {
                font-size: 5rem;
                color: #ADADAD;
                line-height: 4.5rem
            }
                .navbar.fixed-top .container .navbar-header a:hover {
                    text-decoration: none;
                }
        
            .navbar.fixed-top .container .navbar-collapse ul a {
                font-size: 1.6rem;
                color: #ADADAD;
                margin-left: 7.1rem;
                line-height: 1.9rem;
                padding: 0;
            }
            .navbar.fixed-top .container .navbar-collapse .navbar-right {
                margin-right: 0;
            }
                .navbar.navbar-fixed-top .container .navbar-collapse .navbar-right a {
                    color: #B19366;
                }

.navbar.fixed-top .container .nav.navbar-nav.navbar-right li a {
    color: #B19366;
}

.navbar.fixed-top .container  li a:hover {
    background-color:unset;
}

.navbar.level2 {
    height: 15.4rem;
    width: 100%;
    min-height: 15.4rem;
    max-height: 15.4rem;
    margin-bottom: 0;
    background-color: #F2EEEA;
    margin-top: 9.4rem;
    position: fixed;
    z-index: 1030;
}

    .navbar.level2 .container,
    .navbar.level2 .container2 {
        width: 116rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .navbar.level2 .menu1,
    .navbar.level2 .menu2 {
        border: 1px solid #B19366;
        height: 5.9rem;
        margin-top: 3rem;
        padding: 1.2rem 0.3rem;
        max-width: 50%;
        float: left;
    }
    .navbar.level2 .menu2{
        float:right;
    }

    .navbar.level2 .menu3 {
        border: 1px solid #B19366;
        height: 3.5rem;
        width: 19.5rem;
        margin-top: 2.7rem;
    }
    .navbar.level2 .menu3 button{
        width:50%;
        height:100%;
        width:49%;
        border:0;
    }
    .navbar.level2 .menu3 button.selected {
        background-color: #B19366;
        color: #FFFFFF;
    }

        .navbar.level2 .menu1 button,
        .navbar.level2 .menu2 button {
            border: 1px solid #B19366;
            height: 3.5rem;
            width: 8.1rem;
            margin-left: 0.9rem;
            margin-right: 0.9rem;
        }
            .navbar.level2 .menu1 button.selected,
            .navbar.level2 .menu2 button.selected {
                background-color: #B19366;
                color: #FFFFFF;
            }

        .navbar.level2 .menu1 span,
        .navbar.level2 .menu2 span {
            margin-left: 0.9rem;
            margin-right: 0.9rem;
            font-size: 2.2rem;
            color: #B19366
        }

            .navbar.level2 .menu1 span.selected,
            .navbar.level2 .menu2 span.selected {
                font-weight:600;
            }



.lib-list .row {
    margin: 0;
    display: flex;
    border-bottom: 1px solid #B19366;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.lib-list .col {
    margin: 0 4rem 0 0;
    display: inline;
    height: 9rem;
    max-height: 9rem;
    overflow: hidden;
}

.lib-list .header .col {
    height: 4rem;
    color: #B19366;
    font-size: 1.6rem;
}

.lib-list .col-picture {
    width: 18rem;
    max-width: 18rem;
}

.lib-list .col-title,
.lib-list .col-desc {
    width: 26rem;
    max-width: 26rem;
}

    .lib-list .col-title a,
    .lib-list .col-desc a {
        color: #272727;
        font-size: 1.6rem;
    }

.lib-list .col-title a:hover,
.lib-list .col-desc aa:hover {
    text-decoration: none;
}

.lib-list .col-cost {
    width: 10rem;
    max-width: 10rem;
}

.lib-list .col-date {
    width: 11.8rem;
    max-width: 11.8rem;
}

.lib-list .col-comment {
    width: 10.8rem;
    max-width: 10.8rem;
    text-align: right;
}

.loading {
    position: fixed;
    top: 50%;
    color: red;
    font-size: 3.6rem;
    /*  display: flex;*/
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.lib-list-paging {
    display: flex;
    justify-content: center;
}

    .lib-list-paging .page-btn {
        border: 1px solid #B19366;
        width: 4rem;
        height: 3.5rem;
        margin-right: 1.5rem;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
    }

        .lib-list-paging .page-btn.selected {
            background-color: #B19366;
            color: #FFFFFF;
            cursor:default;
        }

.lib-record-picture{
    max-height:200px;
    overflow:hidden;
}

.lib-record-comments .row.comment {
    background-color: aliceblue;
    border: 1px solid #B19366;
    border-radius: 1rem;
}

.lib-list .lib-record-comments .row  {
    display: block
}

.lib-list .lib-record-comments .row .user {
    color: forestgreen;
    font-weight:700;
}

    .lib-list .lib-record-comments .row .date {
        text-align:end;
    }

    .lib-list .lib-record-comments .row .attachments a {
        font-weight: 700;
        margin-right:1.5rem
    }