/*:root {

  --main-text-color: #35495d;

  --main-link-color: #014a6b;

  --main-active-color: #ff6460;

  --main-bg-color: #9897a2;

  --card-headers-bg-color: #f7f7f7;

  --main-border-color: #575d64;

}*/



.offer-elements-table-container

{

    font-size: .875em;

    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* monospace - the same as Bootstrap pre*/

    background-color: #eaeaea;

    margin: 15px 0;

    border-radius: 5px;

    box-shadow: rgba(0,0,0,0.1) 1px 1px 4px inset;

    padding: 0;

    border: 1px solid #b8b7b7; width: 100%;

    display: -webkit-box !important;

    overflow-x: auto !important;

    white-space: pre-wrap !important;       /* Since CSS 2.1 */

    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */

    white-space: -o-pre-wrap !important;    /* Opera 7 */

    word-wrap: break-word !important;       /* Internet Explorer 5.5+ */

}

.offer-elements-table-container th, .offer-elements-table-container td

{

    padding: 0.5rem 0.5rem !important;

}