.main-text-style {
    font-family: "Cinzel", sans-serif;
    color: rgb(70, 30, 24);
}

.div-text-style {
    font-family: "Montserrat", sans-serif;
    color: rgb(70, 30, 24);
}

.main-bg-color {
    background: rgb(70, 30, 24);
}

.logo-image-centered {
    padding-bottom: 20px;
}

.text-white {
    color: white;
}

.btn-custom {
    font-family: "Cinzel", sans-serif;
    font-weight: bold;
    width: 100%;
    border-color: rgb(70, 30, 24);
    border-width: 1px;
    background: white;
    color: rgb(70, 30, 24);
}

.btn-custom:hover {
    border-color: rgb(70, 30, 24);
    border-width: 1px;
    background: rgb(70, 30, 24);
    color: white;
}

.content-header {
    border-radius: 3px 3px 3px 3px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: rgb(70, 30, 24);
    font-family: "Cinzel", sans-serif;
    color: white;
    text-align: center;
    font-weight: bold;
}

.code {
    font-family: Dejavu Sans;
}

#my_file {
    display: none;
}

#get_file {
    background-image: url(/img/data-processing.png); /* 16px x 16px */
    background-color: lightgray; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: center center;  /* equivalent to 'top left' */
    border: 1px solid black;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 32px;           /* make this the size of your image */
    width: 32px ;
    background-size: 26px 26px;
    vertical-align: middle; /* align the text vertically centered */
    border-radius: 3px;
}

#get_file:hover {
    background-color: darkgray;
}

#update-product-file {
    visibility: hidden;
}

.bg-beige {
    background-color: beige;
}

.left-box {
    display: inline-block;
    content: "";
    min-height: 100%;
    width: 5px;
    background-color: blueviolet;
}

.file-row {
    line-height: 32px;
    vertical-align: center;
}

button img {
    width: 32px;
}