*[unselectable=on] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    font-size: 0.9em;
}

button,
button:hover,
button:active,
button.active,
button:focus,
input,
input:hover,
input:active,
input.active,
input:focus,
select,
select:hover,
select:active,
select.active,
select:focus,
textarea,
textarea:hover,
textarea:active,
textarea.active,
textarea:focus {
    box-shadow: none !important;
    outline: none !important;
}

/*
 * Login form
 */

.form-login-margin {
    margin: 0 auto;
    padding: 29px 8px 5px 8px;
    border-radius: 6px;
    border: 1px solid #004080;
    background-color: #dedede;
}

.form-outline {
    position:relative
}

.form-outline input,
.form-outline input:hover,
.form-outline input:active,
.form-outline input.active,
.form-outline input:hover {
    outline: none !important;
    border: 1px solid #c7d0d2;
    width: 80%;
    height: 36px;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: inset 0 1.5px 3px rgb(190 190 190 / 40%), 0 0 0 1px #afafaf !important;
    padding: 2px 6px;
}

.form-outline button,
.form-outline button:hover,
.form-outline button:active,
.form-outline button.active,
.form-outline button:hover {
    outline: none !important;
    border: 0;
    width: 80%;
    margin: 0 auto;
    border-radius: 4px;
}

.form-outline h2 {
    color: #004080;
}

.form-outline h3 {
    color: #004080;
}

.form-outline .btn-login {
    --bs-btn-color: #fff;
    --bs-btn-bg: #004080;
    --bs-btn-border-color: #004080;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #003873;
    --bs-btn-hover-border-color: #003873;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003873;
    --bs-btn-active-border-color: #003873;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #808080;
    --bs-btn-disabled-border-color: #808080;
}

.modalTit {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
}

.modal-content {
    border-radius: 0;
}

.modal-head {
    padding: 8px 12px;
    display: none;
}

.modal-header {
    padding: 10px;
    border-bottom: 0;
}

.modal-header button.close {
    opacity: .8;
    outline: none;
}

.modal-header button.close span {
    font-weight: bold;
    font-family: Tahoma, Geneva, sans-serif;
    color: #1b1b1b;
    font-size: 1.6em;
    line-height: 22px;
}

.modal-header button.close span:hover,
.modal-header button.close span:focus {
    color: #575757;
}

.modal-header button.close span:active,
.modal-header button.close span.active {
    color: #262c6d;
}

@media (max-width: 400px) {
    .form-outline input,
    .form-outline input:hover,
    .form-outline input:active,
    .form-outline input.active,
    .form-outline input:hover {
        width: 100%;
    }

    .form-outline button,
    .form-outline button:hover,
    .form-outline button:active,
    .form-outline button.active,
    .form-outline button:hover {
        width: 100%;
    }
}

/*
 * Navbar
 */
.navbar {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 64, 128, 0.9)!important;
}

.navbar .nav-decorate {
    height: 2.5em;
    color: #fefefe;
    display: table;
}

.navbar .nav-decorate .left-head {
    margin-right: auto;
    line-height: 2.5em;
}

.navbar .nav-decorate .right-head {
    margin-left: auto;
    line-height: 2.5em;
}

.user-info {
    color: #fefefe;
    font-weight: bold;
    width: auto;
    margin: 0 auto;
    line-height: 1.5em;
}

.show-time {
    color: #fefefe;
    margin: 0;
    line-height: 2.1em;
    min-width: 3.75em;
}

.small-width-show {
    display: none;
}

.full-width-show {
    margin-left: 1.4em;
    display: block;
}

/*
 * Footer
 */
.footer {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 64, 128, 0.9)!important;
}

.footer .nav-decorate {
    height: 2.5em;
    color: #fefefe;
    display: table;
}

.footer .nav-decorate div {
    display: table-cell;
}

.footer .nav-decorate .info-left {
    padding-left: 0.625em;
    padding-right: 0.625em;
    text-align: left;
    line-height: 2.5em;
}

.footer .nav-decorate .info-right {
    padding-left: 0.625em;
    padding-right: 0.625em;
    text-align: right;
    line-height: 2.5em;
}

@media (max-width: 995px) {
    .right-head {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .small-width-show {
        margin-left: 1.4em;
        display: block;
    }

    .full-width-show {
        display: none;
    }

    .full-width-subarea {
        display: none !important;
    }

    .small-width-subarea {
        display: block !important;
    }

    .footer .nav-decorate {
        display: block;
    }

    .footer .nav-decorate div {
        display: block;
    }

    .footer .nav-decorate .info-left {
        text-align: center;
    }

    .footer .nav-decorate .info-right {
        display: none;
    }
}

/*
 * Menu
 */
.ext-btn {
    background-color: #f9f9f9;
    color: #003366;
    border-radius: 0;
    border-top: 0.0625em solid #e6e8ec;
    border-left: 0.0625em solid #e6e8ec;
    border-right: 0.0625em solid #e6e8ec;
    padding: 0.5em 1em 0.4375em 1em!important;
    height: 1.907em;
    line-height: 0.8em;
    /*font-size: 1.144em;*/
}

.ext-btn:hover,
.ext-btn:focus {
    background-color: #f9f9f9 !important;
    color: #003366;
}

.ext-btn:active,
.ext-btn.active {
    background-color: rgb(0, 64, 128) !important;
    color: #fefefe;
    border-top: 0.0625em solid rgb(0, 64, 128);
    border-left: 0.0625em solid rgb(0, 64, 128);
    border-right: 0.0625em solid rgb(0, 64, 128);
}

.topblk {
    list-style: none;
    margin: 0.08em 0 0;
}

.topblk li {
    display: inline-block;
    margin-top: 0.08em;
}

.topblk li a {
    color: #fefefe;
    text-decoration: none;
    background: rgb(34, 85, 136);
    border-top: 0.0625em solid #e6e8ec;
    border-left: 0.0625em solid #e6e8ec;
    border-right: 0.0625em solid #e6e8ec;
    margin: 0;
    padding: 0.5em 0.9em 0.4375em 0.9em;
    cursor: pointer;
    height: 2.04em;
    line-height: 1em;
}

.topblk li a:hover {
    background-color: rgb(0, 64, 128);
}

.topblk li a.selected {
    color: #003366;
    background: #f9f9f9;
    border-top: 0.0625em solid #f9f9f9;
    border-left: 0.0625em solid rgb(34, 85, 136);
    border-right: 0.0625em solid rgb(34, 85, 136);
}

.topblk li a svg {
    margin-right: 0.3em;
}

.topblk li a i {
    margin-right: 0.3em;
}

.small-blk {
    list-style: none;
    margin: 0.08em 0 0;
}

.small-blk li {
    display: inline-block;
    margin-top: 0.08em;
}

.small-blk li a {
    color: #003366;
    text-decoration: none;
    background: #f9f9f9;
    border-top: 0.0625em solid #f9f9f9;
    border-left: 0.0625em solid rgb(34, 85, 136);
    border-right: 0.0625em solid rgb(34, 85, 136);
    margin: 0;
    padding: 0.5em 1em 0.4375em 1em;
    cursor: pointer;
    height: 2.04em;
    line-height: 1em;
}

.subitems {
    padding: 0.625em 0.3125em;
    margin: 0 0 0.3125em 0;
    display: block;
    text-align: left;
    line-height: 2.6em;
    background-color: #f7f7f7;
    border-bottom: 1px solid #c5c5c5;
}

.subitems .full-width-subarea {
    display: block;
}

.subitems .small-width-subarea {
    display: none;
}

.subitems a {
    display: inline-block;
}

.subitems a.selected {
    border: 0.0625em solid rgb(179, 179, 179);
    background: rgb(223, 223, 223);
    color: rgb(27, 27, 29);
}

/*
 * Styles
 */
.main-page-margin {
    margin-top: 0.3125em;
    margin-bottom: 0.3125em;
    border: 0.0625em solid rgb(243, 243, 243);
}

.main-page-height {
    min-height: calc(100vh - 5em - 0.3125em - 0.3125em - 0.125em);
    background-color: #ffffff;
}

.main-page-height::before,
.main-page-height::after {
    content: " ";
    display: block;
}

.main-content {
    display: block;
    margin: 0.3125em auto 0;
    padding: 0.25em 0.3125em 0.25em 0.3125em;
}

.sm-item {
    display: block;
    transition: all .4s ease-in-out 0s;
    width: 100%;
}

.pls-2 {
    padding-left: 0.5rem !important;
}

.z5-link {
    text-decoration: none;
}

.text-muted {
    color: #fefefe!important;
}

.boxsh {
    border-radius: 0.125em;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    box-shadow:  0 0 0.375em rgb(171, 165, 163);
    -moz-box-shadow: 0 0 0.375em rgb(171, 165, 163);
    -webkit-box-shadow: 0 0 0.375em rgb(171, 165, 163);
}

.btn-submited {
    text-decoration: none;
    text-shadow: 0 -0.0625em 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    color: rgb(236, 233, 222);
    background: rgb(0, 57, 114);
    border: 0.0625em solid rgb(179, 179, 179);
    padding: 0.1875em 0.8em 0.1875em 0.8em;
    cursor: pointer;
    margin-left: 0.3125em;
    margin-top: 0.1875em;
    line-height: 1.5em;
    min-width: 4.375em;
    font-size: 1em;
    outline: none !important;
}

.btn-submited:hover,
.btn-submited:focus {
    background: rgb(0, 44, 91);
    color: rgb(236, 233, 222);
}

.btn-submited:active,
.btn-submited.active {
    background: rgb(27, 68, 108);
    color: rgb(236, 233, 222);
    border: 1px solid rgb(1, 2, 5);
}

.div-two-row-flex {
    display: flex !important;
    margin: 0 auto !important;
    padding: 1px !important;
}

.div-two-row-flex div.text-elipsis {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.div-two-row-flex div.info-block {
    padding-left: 10px;
    padding-right: 40px;
    text-align: left;
    position: relative;
}

.flex-div-wrap {
    flex-wrap: wrap;
}

.flex-div-wrap div.text-elipsis {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.text-elipsis-span {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.div-two-row-block {
    display: table !important;
    margin: 0 auto !important;
    padding: 1px !important;
}

.div-info-detail {
    max-height: 65vh;
    overflow-y: auto;
    padding: 0 10px;
}

.div-info-table {
    max-height: 65vh;
    overflow-y: auto;
}

.div-two-row-block div {
    display: table-cell !important;
}

.div-two-row-left {
    line-height: 2.4em !important;
}

.fs-1em {
    font-size: 1em;
}

.fs-1em-imp {
    font-size: 1em !important;
}

.div-two-row-right {
    font-size: 1.1em !important;
}

.div-two-row-block-lines div {
    line-height: 2.1em !important;
}

.div-two-row-block-span-left {
    text-align: left !important;
    font-size: 1em !important;
}

.div-two-row-block-lines span {
    font-weight: normal !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.margin-pad-0 {
    margin: 0 !important;
    padding: 0 !important;
}

.search-frm {
    width: 100%;
    padding: 0;
}

.block-frm {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 1px;
}

.block-frm div {
    display: table-cell;
}

.block-frm .row-left-frm {
    width: 80%;
}

.block-frm .row-right-frm {
    width: 20%;
}

.search-frm div div button[type="button"] {
    height: 30px;
    font-size: 0.9em;
    margin: 0 auto;
    width: 100%;
    border: 0;
}

.pg-av-block {
    padding: 3px 5px 3px 3px;
    text-align: right;
    margin-top: 4px;
}