main > .container, main > .container-fluid {
    padding: 70px 15px 20px
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px
}

.footer > .container, .footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px
}

.not-set {
    color: #c55;
    font-style: italic
}

a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
    color: #fff !important
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
    color: #fff !important
}

.grid-view th, .grid-view td:last-child {
    white-space: nowrap
}

.grid-view .filters input, .grid-view .filters select {
    min-width: 50px
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0
}

.navbar form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, .5)
}

@media (max-width: 767px) {
    .navbar form > button.logout {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 0
    }
}

.navbar form > button.logout:focus, .navbar form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .75)
}

.navbar form > button.logout:focus {
    outline: none
}

.breadcrumb {
    background-color: var(--bs-gray-200);
    border-radius: .25rem;
    padding: .75rem 1rem
}

.breadcrumb-item > a {
    text-decoration: none
}

.pace .pace-progress {
    background-color: #1854A9 !important
}

[class*="sidebar-dark-"] {
    background-color: #1854A9 !important
}

.brand-link {
    background-color: #fff !important
}

[class*="sidebar-dark-"] .sidebar a {
    color: #fff !important
}

[class*="sidebar-dark"] .user-panel {
    border-bottom: 1px solid #ee3a3e !important
}

.navbar-light .navbar-nav .nav-link {
    color: #1854A9 !important
}

.bg-uth {
    background-color: #1854A9 !important;
    color: #fff !important
}

.brand-link .brand-image {
    float: left;
    line-height: .8;
    margin-left: 0 !important;
    margin-right: .5rem;
    margin-top: -3px;
    max-height: 33px;
    height: 57px !important
}

.btn-outline-uth {
    color: #1854A9;
    background-color: transparent !important;
    border-color: transparent !important
}

.btn-outline-uth:hover {
    color: #ee3a3e;
    background-color: transparent !important;
    border-color: transparent !important
}

.page-item.active .page-link {
    background-color: #1854A9 !important;
    color: #fff !important
}

.page-link:hover {
    background-color: #1854A9 !important;
    color: #fff !important
}

.breadcrumb-item > a {
    color: #1854A9 !important
}

.breadcrumb-item a, .breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before {
    color: #fff !important
}

th {
    text-transform: uppercase !important
}

.invalid-feedback {
    display: block !important
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #ee3a3e !important;
    color: #fff
}

.login-page, .register-page {
    -ms-flex-align: center;
    align-items: center;
    background-color: #1854A9 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center
}

.icheck-uth > input:first-child:checked + input[type="hidden"] + label::before, .icheck-uth > input:first-child:checked + label::before {
    background-color: #1854A9;
    border-color: #6f42c1
}

.img-circle-avatar {
}

.bg-uth {
    background-color: #1854A9 !important
}

.text-uth {
    color: #ee3a3e !important
}

.table-striped tbody tr:nth-of-type(odd):not(.bg-warning) {
    background-color: #d1fdff !important
}

.btn-uth {
    background-color: #1854A9 !important;
    color: #d1fdff !important
}

.btn-uth:hover {
    background-color: #ee3a3e !important;
    color: #d1fdff !important
}

.bg-circle {
    border: 2px solid #000;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: .3em 0;
    line-height: 1em;
    color: #000;
    border-radius: 1em
}

.content-wrapper {
    background-color: #1854A9 !important;
    padding-bottom: 10px
}

.title-uth {
    color: #ee3a3e !important
}

.nav-item > a {
    font-weight: bold;
    text-transform: uppercase !important
}

.nav-item > .active {
    background-image: linear-gradient(to right, #1854A9 0%, #1854A9 100%);
    color: #d1fdff !important
}

.nav-item:hover {
    background-image: linear-gradient(to right, #1854A9 0%, #1854A9 100%);
    color: #fff
}

.nav-item > a:hover {
    color: #fff !important
}

@media screen and (max-width: 800px) {
    .nav {
        flex-direction: column !important
    }
}

.fa-sign-out-alt, .fa-expand-arrows-alt {
    color: #ee3a3e !important
}

.fa-sign-out-alt:hover, .fa-expand-arrows-alt:hover {
}

.btn-logout:hover > .nav-link > .fa-sign-out-alt, .btn-expand:hover > .nav-link > .fa-expand-arrows-alt {
    color: #fff !important
}

.uth-text-green {
    color: #1854A9 !important
}

.uth-text-red {
    color: #ee3a3e !important
}

@media screen and (max-width: 500px) {
    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.navbar-nav > .active, .nav-item:hover, .show > .nav-link, .dropdown-item:hover, .dropdown-item:focus, .nav-item > .nav-link:hover {
    background: #1854A9 !important;
    color: #fff !important
}

.navbar-nav > .active > a, .navbar-nav > .nav-item > a:hover {
    color: #fff !important
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #1854A9 !important
}

.dropdown > a.show {
    color: #fff !important;
    background-color: #1854A9 !important
}

a {
    color: #1854A9 !important;
    text-decoration: none;
    background-color: transparent
}

.carousel-control-next, .carousel-control-prev {
    width: 0 !important;
    color: #ee3a3e !important
}

.table > tfoot > tr > td {
    text-align: right !important;
    font-weight: bold
}

.carousel-caption {
    position: static !important
}

.main-header {
    z-index: 10 !important
}

.table thead th {
    background: #1854A9 !important;
    color: #fff !important
}

.table thead th {
    white-space: break-spaces !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #fff !important
}

.table thead tr th a {
    color: #fff !important
}

.navbar-toggler-icon {
    bacbackground-color: #1854A9 !important
}

input[type="checkbox"] {
    transform: scale(1.5);
    border: 1px solid #1854A9 !important;
    border-radius: 4px
}

.table-striped tbody tr:hover {
    background-color: rgba(250, 178, 198, .35) !important
}

.bg-warning {
    background-color: #ffc107 !important
}

.content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background-color: #FFFFFF !important;
    margin-right: 15px !important;
    margin-left: 15px;
    border-radius: .25rem;
}

.fa-eye:before, .fa-trash:before, .fa-pencil-alt:before, .fa-print:before, .fa-plus:before, .fa-save:before {
    font-size: 20px;
}

.card-primary.card-outline {
    border-top: 3px solid #C7272F !important;
}

.content {

}

.table-striped tbody tr:hover {
    background-color: #c7272f0f !important;
}

.table > :not(caption) > * > * {
    background-color: transparent !important;
}

.fa-sms:before {
    font-size: xx-large !important;
}

.fa-zalo {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMzcyIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDQ2MC4xIDQzNi42IiB3aWR0aD0iMjUwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+LnN0MHtmaWxsOiNmZGZlZmV9LnN0MXtmaWxsOiMwMTgwYzd9LnN0MntmaWxsOiMwMTcyYjF9LnN0M3tmaWxsOm5vbmU7c3Ryb2tlOiMwMTgwYzc7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTB9PC9zdHlsZT48dGl0bGUvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04Mi42IDM4MC45Yy0xLjgtLjgtMy4xLTEuNy0xLTMuNSAxLjMtMSAyLjctMS45IDQuMS0yLjggMTMuMS04LjUgMjUuNC0xNy44IDMzLjUtMzEuNSA2LjgtMTEuNCA1LjctMTguMS0yLjgtMjYuNUM2OSAyNjkuMiA0OC4yIDIxMi41IDU4LjYgMTQ1LjUgNjQuNSAxMDcuNyA4MS44IDc1IDEwNyA0Ni42YzE1LjItMTcuMiAzMy4zLTMxLjEgNTMuMS00Mi43IDEuMi0uNyAyLjktLjkgMy4xLTIuNy0uNC0xLTEuMS0uNy0xLjctLjctMzMuNyAwLTY3LjQtLjctMTAxIC4yQzI4LjMgMS43LjUgMjYuNi42IDYyLjNjLjIgMTA0LjMgMCAyMDguNiAwIDMxMyAwIDMyLjQgMjQuNyA1OS41IDU3IDYwLjcgMjcuMyAxLjEgNTQuNi4yIDgyIC4xIDIgLjEgNCAuMiA2IC4ySDI5MGMzNiAwIDcyIC4yIDEwOCAwIDMzLjQgMCA2MC41LTI3IDYwLjUtNjAuM3YtLjYtNTguNWMwLTEuNC41LTIuOS0uNC00LjQtMS44LjEtMi41IDEuNi0zLjUgMi42LTE5LjQgMTkuNS00Mi4zIDM1LjItNjcuNCA0Ni4zLTYxLjUgMjcuMS0xMjQuMSAyOS0xODcuNiA3LjItNS41LTItMTEuNS0yLjItMTcuMi0uOC04LjQgMi4xLTE2LjcgNC42LTI1IDcuMS0yNC40IDcuNi00OS4zIDExLTc0LjggNnptNzIuNS0xNjguNWMxLjctMi4yIDIuNi0zLjUgMy42LTQuOCAxMy4xLTE2LjYgMjYuMi0zMy4yIDM5LjMtNDkuOSAzLjgtNC44IDcuNi05LjcgMTAtMTUuNSAyLjgtNi42LS4yLTEyLjgtNy0xNS4yLTMtLjktNi4yLTEuMy05LjQtMS4xLTE3LjgtLjEtMzUuNy0uMS01My41IDAtMi41IDAtNSAuMy03LjQuOS01LjYgMS40LTkgNy4xLTcuNiAxMi44IDEgMy44IDQgNi44IDcuOCA3LjcgMi40LjYgNC45LjkgNy40LjggMTAuOC4xIDIxLjcgMCAzMi41LjEgMS4yIDAgMi43LS44IDMuNiAxLS45IDEuMi0xLjggMi40LTIuNyAzLjUtMTUuNSAxOS42LTMwLjkgMzkuMy00Ni40IDU4LjktMy44IDQuOS01LjggMTAuMy0zIDE2LjNzOC41IDcuMSAxNC4zIDcuNWM0LjYuMyA5LjMuMSAxNCAuMSAxNi4yIDAgMzIuMy4xIDQ4LjUtLjEgOC42LS4xIDEzLjItNS4zIDEyLjMtMTMuMy0uNy02LjMtNS05LjYtMTMtOS43LTE0LjEtLjEtMjguMiAwLTQzLjMgMHptMTE2LTUyLjZjLTEyLjUtMTAuOS0yNi4zLTExLjYtMzkuOC0zLjYtMTYuNCA5LjYtMjIuNCAyNS4zLTIwLjQgNDMuNSAxLjkgMTcgOS4zIDMwLjkgMjcuMSAzNi42IDExLjEgMy42IDIxLjQgMi4zIDMwLjUtNS4xIDIuNC0xLjkgMy4xLTEuNSA0LjguNiAzLjMgNC4yIDkgNS44IDE0IDMuOSA1LTEuNSA4LjMtNi4xIDguMy0xMS4zLjEtMjAgLjItNDAgMC02MC0uMS04LTcuNi0xMy4xLTE1LjQtMTEuNS00LjMuOS02LjcgMy44LTkuMSA2Ljl6bTY5LjMgMzcuMWMtLjQgMjUgMjAuMyA0My45IDQ2LjMgNDEuMyAyMy45LTIuNCAzOS40LTIwLjMgMzguNi00NS42LS44LTI1LTE5LjQtNDIuMS00NC45LTQxLjMtMjMuOS43LTQwLjggMTkuOS00MCA0NS42em0tOC44LTE5LjljMC0xNS43LjEtMzEuMyAwLTQ3IDAtOC01LjEtMTMtMTIuNy0xMi45LTcuNC4xLTEyLjMgNS4xLTEyLjQgMTIuOC0uMSA0LjcgMCA5LjMgMCAxNHY3OS41YzAgNi4yIDMuOCAxMS42IDguOCAxMi45IDYuOSAxLjkgMTQtMi4yIDE1LjgtOS4xLjMtMS4yLjUtMi40LjQtMy43LjItMTUuNS4xLTMxIC4xLTQ2LjV6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEzOS41IDQzNi4yYy0yNy4zIDAtNTQuNy45LTgyLS4xLTMyLjMtMS4zLTU3LTI4LjQtNTctNjAuNyAwLTEwNC4zLjItMjA4LjYgMC0zMTNDLjUgMjYuNyAyOC40IDEuOCA2MC41LjljMzMuNi0uOSA2Ny4zLS4yIDEwMS0uMi42IDAgMS40LS4zIDEuNy43LS4yIDEuOC0yIDItMy4xIDIuNy0xOS44IDExLjYtMzcuOSAyNS41LTUzLjEgNDIuNy0yNS4xIDI4LjQtNDIuNSA2MS00OC40IDk4LjktMTAuNCA2Ni45IDEwLjUgMTIzLjcgNTcuOCAxNzEuMSA4LjQgOC41IDkuNSAxNS4xIDIuOCAyNi41LTguMSAxMy43LTIwLjQgMjMtMzMuNSAzMS41LTEuNC44LTIuOCAxLjgtNC4yIDIuNy0yLjEgMS44LS44IDIuNyAxIDMuNS40LjkuOSAxLjcgMS41IDIuNSAxMS41IDEwLjIgMjIuNCAyMS4xIDMzLjcgMzEuNSA1LjMgNC45IDEwLjYgMTAgMTUuNyAxNS4xIDIuMSAxLjkgNS42IDIuNSA2LjEgNi4xeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMzkuNSA0MzYuMmMtLjUtMy41LTQtNC4xLTYuMS02LjItNS4xLTUuMi0xMC40LTEwLjItMTUuNy0xNS4xLTExLjMtMTAuNC0yMi4yLTIxLjMtMzMuNy0zMS41LS42LS44LTEuMS0xLjYtMS41LTIuNSAyNS41IDUgNTAuNCAxLjYgNzQuOS01LjkgOC4zLTIuNSAxNi42LTUgMjUtNy4xIDUuNy0xLjUgMTEuNy0xLjIgMTcuMi44IDYzLjQgMjEuOCAxMjYgMTkuOCAxODcuNi03LjIgMjUuMS0xMS4xIDQ4LTI2LjcgNjcuNC00Ni4yIDEtMSAxLjctMi41IDMuNS0yLjYuOSAxLjQuNCAyLjkuNCA0LjR2NTguNWMuMiAzMy40LTI2LjYgNjAuNi02MCA2MC45aC0uNWMtMzYgLjItNzIgMC0xMDggMEgxNDUuNWMtMi0uMi00LS4zLTYtLjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE1NS4xIDIxMi40YzE1LjEgMCAyOS4zLS4xIDQzLjQgMCA3LjkuMSAxMi4yIDMuNCAxMyA5LjcuOSA3LjktMy43IDEzLjItMTIuMyAxMy4zLTE2LjIuMi0zMi4zLjEtNDguNS4xLTQuNyAwLTkuMy4yLTE0LS4xLTUuOC0uMy0xMS41LTEuNS0xNC4zLTcuNXMtLjgtMTEuNCAzLTE2LjNjMTUuNC0xOS42IDMwLjktMzkuMyA0Ni40LTU4LjkuOS0xLjIgMS44LTIuNCAyLjctMy41LTEtMS43LTIuNC0uOS0zLjYtMS0xMC44LS4xLTIxLjcgMC0zMi41LS4xLTIuNSAwLTUtLjMtNy40LS44LTUuNy0xLjMtOS4yLTctNy45LTEyLjYuOS0zLjggMy45LTYuOSA3LjctNy44IDIuNC0uNiA0LjktLjkgNy40LS45IDE3LjgtLjEgMzUuNy0uMSA1My41IDAgMy4yLS4xIDYuMy4zIDkuNCAxLjEgNi44IDIuMyA5LjcgOC42IDcgMTUuMi0yLjQgNS43LTYuMiAxMC42LTEwIDE1LjUtMTMuMSAxNi43LTI2LjIgMzMuMy0zOS4zIDQ5LjgtMS4xIDEuMy0yLjEgMi42LTMuNyA0Ljh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI3MS4xIDE1OS44YzIuNC0zLjEgNC45LTYgOS02LjggNy45LTEuNiAxNS4zIDMuNSAxNS40IDExLjUuMyAyMCAuMiA0MCAwIDYwIDAgNS4yLTMuNCA5LjgtOC4zIDExLjMtNSAxLjktMTAuNy40LTE0LTMuOS0xLjctMi4xLTIuNC0yLjUtNC44LS42LTkuMSA3LjQtMTkuNCA4LjctMzAuNSA1LjEtMTcuOC01LjgtMjUuMS0xOS43LTI3LjEtMzYuNi0yLjEtMTguMyA0LTMzLjkgMjAuNC00My41IDEzLjYtOC4xIDI3LjQtNy40IDM5LjkgMy41em0tMzUuNCAzNi41Yy4yIDQuNCAxLjYgOC42IDQuMiAxMi4xIDUuNCA3LjIgMTUuNyA4LjcgMjMgMy4zIDEuMi0uOSAyLjMtMiAzLjMtMy4zIDUuNi03LjYgNS42LTIwLjEgMC0yNy43LTIuOC0zLjktNy4yLTYuMi0xMS45LTYuMy0xMS0uNy0xOC43IDcuOC0xOC42IDIxLjl6TTM0MC40IDE5Ni45Yy0uOC0yNS43IDE2LjEtNDQuOSA0MC4xLTQ1LjYgMjUuNS0uOCA0NC4xIDE2LjMgNDQuOSA0MS4zLjggMjUuMy0xNC43IDQzLjItMzguNiA0NS42LTI2LjEgMi42LTQ2LjgtMTYuMy00Ni40LTQxLjN6bTI1LjEtMi40Yy0uMiA1IDEuMyA5LjkgNC4zIDE0IDUuNSA3LjIgMTUuOCA4LjYgMjMgMyAxLjEtLjggMi0xLjggMi45LTIuOCA1LjgtNy42IDUuOC0yMC40LjEtMjgtMi44LTMuOC03LjItNi4yLTExLjktNi4zLTEwLjgtLjYtMTguNCA3LjYtMTguNCAyMC4xek0zMzEuNiAxNzdjMCAxNS41LjEgMzEgMCA0Ni41LjEgNy4xLTUuNSAxMy0xMi42IDEzLjItMS4yIDAtMi41LS4xLTMuNy0uNC01LTEuMy04LjgtNi42LTguOC0xMi45di03OS41YzAtNC43LS4xLTkuMyAwLTE0IC4xLTcuNyA1LTEyLjcgMTIuNC0xMi43IDcuNi0uMSAxMi43IDQuOSAxMi43IDEyLjkuMSAxNS42IDAgMzEuMyAwIDQ2Ljl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIzNS43IDE5Ni4zYy0uMS0xNC4xIDcuNi0yMi42IDE4LjUtMjIgNC43LjIgOS4xIDIuNSAxMS45IDYuNCA1LjYgNy41IDUuNiAyMC4xIDAgMjcuNy01LjQgNy4yLTE1LjcgOC43LTIzIDMuMy0xLjItLjktMi4zLTItMy4zLTMuMy0yLjUtMy41LTMuOS03LjctNC4xLTEyLjF6TTM2NS41IDE5NC41YzAtMTIuNCA3LjYtMjAuNyAxOC40LTIwLjEgNC43LjEgOS4xIDIuNSAxMS45IDYuMyA1LjcgNy42IDUuNyAyMC41LS4xIDI4LTUuNiA3LjEtMTYgOC4zLTIzLjEgMi43LTEuMS0uOC0yLTEuOC0yLjgtMi45LTMtNC4xLTQuNC05LTQuMy0xNHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjYgMWgzMjguMWMzNS45IDAgNjUgMjkuMSA2NSA2NXYzMDNjMCAzNS45LTI5LjEgNjUtNjUgNjVINjZjLTM1LjkgMC02NS0yOS4xLTY1LTY1VjY2QzEgMzAuMSAzMC4xIDEgNjYgMXoiLz48L3N2Zz4=');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}
@media screen and (max-width: 500px) {
    .table {
        display: inline-table !important;
    }
}

@media screen and (max-width: 767px) {
    .btn {
        float: right !important;
    }
    .responsive-table thead {
        display: none;
    }

    .responsive-table tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        width: 100%;
    }
    .responsive-table td {
        display: flex;
        align-items: flex-start;
        text-align: left;
        border: none;
        border-bottom: 1px solid #eee;
        min-height: 38px;
        padding: 8px 5px;
    }

    .responsive-table td:last-child {
        border-bottom: 0;
    }
    .responsive-table td:before {
        content: attr(data-label);
        flex-basis: 40%;
        flex-shrink: 0;
        font-weight: bold;
        text-align: left;
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
        padding-right: 15px;
    }
}

.fa-arrow-right:before {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.fa-clone{
    cursor: pointer;
}

td span.fa-clone {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

td:hover span.fa-clone {
    visibility: visible;
    opacity: 1;
}