body {
  /*background-color: #FFFFFF;*/
  background: linear-gradient(180deg, rgb(123, 83, 32) 0%, rgb(128, 92, 46) 35%, rgb(47, 38, 0) 100%);
}

.main-bg {
  /*background-color: #252726;*/
  background-image: url("https://assets.oroadm.org/images/BG_Grid_01.svg");
  background-repeat: repeat;
  background-attachment: fixed;
}

.main-grey {
  background-color: #252726;
}

.text-title {
  font-family: 'Be Vietnam Pro', sans-serif;
  color: black;
}

.text-black {
  font-family: 'Nunito Sans', sans-serif;
  color: black;
}

.text-thin {
  font-family: 'Nunito Sans', sans-serif;
  color: black;
}

.text-big-gold {
  font-family: 'Be Vietnam Pro', sans-serif;
  color: #DDAF51;
}

.text-gold {
  font-family: 'Nunito Sans', sans-serif;
  color: #DDAF51;
}

.color-gold {
  color: #DDAF51 !important;
}

.gold-border-top {
  border-top: 1px solid #efb63e !important;
}

.big-border-top {
  border: solid;
  border-width: 5px;
}

.cert-container {
  box-sizing: border-box;
  display: flex;
  padding: 8px;
}

.x_scroll {
  overflow: auto;
}

/*-----------------------
backdrop effects
-------------------------*/

.blur-less {
    backdrop-filter: blur(5px);
}

.blur-more {
    backdrop-filter: blur(10px);
}


/*-----------------------
Borders
-------------------------*/

.border-boxes span {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem;
    background-color: #fbfbfd;
}

.border-oro-1 {
    border: 1px solid #efb63e !important;
}

.border-oro-2 {
    border: 2px solid #efb63e !important;
}

.border-oro-grey {
    border: 1px solid;
    border-color: rgba(54, 67, 81, 0.2);
}

.border-oro-grey-2 {
    border: 3px solid;
    border-color: #364351;
}

.border {
    border: 1px solid #e6e6f2 !important;
}

.border-top {
    border-top: 2px solid #e6e6f2 !important;
}

.border-bottom {
    border-bottom: 2px solid #e6e6f2 !important;
}

.border-left {
    border-left: 2px solid #e6e6f2 !important;
}

.border-right {
    border-right: 2px solid #e6e6f2 !important
}

.rounded-med {
  border-radius: 5px;
}

.rounded-big {
  border-radius: 10px;
}
/* ---------------------
image effects 
---------------------- */

.big-shadow {
  box-shadow: 10px 5px 5px black;
}

/* ---------------------
buttons
---------------------- */

.btn_dx {
  display: block;
  position: relative;
  background-color: rgba(1.0, 1.0, 1.0, 0.0);

  padding: 8px;

  font-size: 20px;
}

.btn_sx {
  display: block;
  position: relative;
  background-color: rgba(1.0, 1.0, 1.0, 0.0);

  padding: 8px;

  font-size: 20px;
}

/* ---------------------
containers
---------------------- */

.cert-box {
  display: block;
  position: relative;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
}

.cert-foot {
  margin-left: auto;
  margin-right: auto;
}

.data-container {
  display: block;
  position: relative;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
}

.qr-width {
  min-width: 300px;
  max-width: 400px;
}