body, html {
    height: 100%;
}

body {
    opacity: 1;
    display: flex;
    flex-direction: column;
}

#content-hx {
    flex: 1 0 auto;
    /*max-width: 700px;*/
    width: 100%;
    background-color: white;
}

#footer-hx {
    flex-shrink: 0;
    max-width: 700px;
    width: 100%;
    background-color: white;
}

.copyright {
    font-size: 13px;
    left: 90px;
    bottom: 25px;
    padding: 50px;
}

.copyright a {
    text-decoration: underline;
    display: inline;
    color: #333
}

.copyright a:active, .copyright a:focus, .copyright a:hover {
    text-decoration: none
}

.left_login_wrapper {
    min-height: inherit;
    width: auto;
}

.left_image p {
    margin-top: 4px !important;
}

@media (min-width: 767px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

span.full_name.clearfix {
    white-space: nowrap;
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%;
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.top_padding{
    padding-top: 90px;
    margin-bottom: 40px;
}
.library_content {
    max-width: inherit;
    margin-left: 0;
}
.top_section p {
    margin-top: 10px;
}
#uploadForm>p {
    padding: 15px 0 30px;
}
p{
    margin-top: 10px;
}
.user_link, .password_link, .prints_link{
    margin-top: 10px;
    cursor: pointer;
}
.prints_link a:visited{
    color: inherit;
}
.user_link:hover, .password_link:hover, .prints_link:hover{
    color:#1485d1;
}
.well{
    padding:10px 20px 20px 20px;
    margin-top:10px;
    border: 1px solid darkgray;
}
th, td {
    text-align: left !important;
    width: auto !important;
}

.img-container {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notify{
    color: white;
    margin-bottom: 15px;
    width: 100% !important;
    position: fixed;
    left:0;
    top: 100px;
}

.alert-error{
    background-color: #f44336;
    padding: 30px;
}

.alert-success{
    background-color: #0aa89e;
    padding: 30px;
}

.alert-warning{
    background-color: #bf800c;
    padding: 30px;
}

.alert-info{
    background-color: #00c0ef;
    padding: 30px;
}
.center_wrapper .left_content{
    margin-right: 0;
    padding-right: 40px;
}

.left_content{
    width: auto;
}

.top_filters {
    display: flex;
    justify-content: unset !important;
    width: -webkit-fill-available;
}

.top_filters > div {
    width: 230px;
    margin-right: 20px;
}
.image.thumbnail_list {
    flex: 1 1 20%;
    min-width: 200px;
    max-width: 200px;
    padding: 10px 5px;
    margin-bottom: 80px;
}
.image {
    margin-bottom: 55px;
    text-align: center;
}

.image img {
    width: 100px;
}

.list_popup.is_hidden, .thumbnail_popup.is_hidden {
    display: none !important;
}

.list_popup {
    display: block;
}

.thumbnail_popup {
    display: flex !important;
    flex-direction: row;
    flex:1;
    flex-wrap: wrap;
    margin-top: 60px;
}

.thumbnail_list{
    padding:10px 5px;
}

#dropzone2, #dropzone3 {
    border: 2px dashed #E5E5E5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 45px;
}

.recently_uploaded{
    margin-top: 45px;
    margin-bottom: 45px;
}

a.blue_btn_a:hover {
    text-decoration: none;
}

a.blue_btn_a {
    color: white;
}


.table.full_width {
    max-width: inherit !important;
    margin-top: 60px !important;
}

.table td, .table th {
    width: fit-content !important;
}

.preview, .preview img {
    width: 215px;
}

.preview img {
    margin-top: 10px;
}

.create_template .table td:first-child img {
    max-width: 60px;
    max-height: unset;
    border: 1px solid darkgray;
}
.img-container.gray{
    background-color: #dedede;
}



ul.pagination.b-pagination {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.checkbox input:checked ~ label:before {
    background-color: #1485d1 !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}