@import url(../assets/css/font-awesome.min.css);
@import url(../assets/css/themify-icons.css);
@import url(../assets/css/animate.css);
@import url(../assets/css/simple-line-icons.css);
@import url(../assets/css/linea-icon.css);
@import url(../assets/css/pe-icon-7-stroke.css);
@import url(../assets/css/pe-icon-7-styles.css);
@import url(../assets/css/material-design-iconic-font.min.css);


html {
    font-smooth: always;
}

#page-topbar
{
    background-color: rgba(45, 16, 0, 1) !important;
}

.bg-primary {
    background-color: rgba(45, 16, 0, 1) !important;
}

.text-primary {
    color: rgba(45, 16, 0, 1) !important;
}

.bg-soft-info {
    background-color: rgba(255, 222, 169, .25) !important;
}

.bg-soft-primary {
    background-color: rgba(255, 222, 169, .25) !important;
}

.avatar-title {
    background-color: rgba(45, 16, 0, 1) !important;
}

.btn-primary {
    color: #fff;
    background-color: rgba(45, 16, 0, 1) !important;
    border-color: #243D1B;
}

.holder {
    height: 300px;
    width: 300px;
    border: 2px solid black;
}

#qr-image-preview {
    max-width: 300px;
    max-height: 300px;
    min-width: 300px;
    min-height: 300px;
    cursor: pointer;
    border: 2px solid #1a1a1a;
}

.table th
{
    vertical-align: bottom !important;
    border-top: 1px solid #e1e1e1 !important;
    border-bottom: 2px solid #e1e1e1 !important;
    background-color: #eeeeee;
}

.table td, .table th {
    padding: .75rem !important;
    vertical-align: top !imoprtant;
    border-bottom: 1px solid #e1e1e1 !important;
}

.table tr:hover {
    background-color: #eeeeee;
}

.text-white {
    color: #fff;
}