/**
* Core
**/
body {
  background: #EBEDEF;
}

textarea {
  resize: none !important;
  height: 250px;
}

/**
* Color Classes
**/
.charcoal {
  color: #264653;
}

.persian {
  color: #2A9D8F;
}

.saffron {
  color: #E9C46A;
}

.sandy {
  color: #F4A261;
}

.sienna {
  color: #E76F51;
}

/**
* New Color Classes
**/
.char {
  color: #2F3E46;
}

.slate {
  color: #354F52;
}

.hooker {
  color: #52796F;
}

.cambridge {
  color: #84A98C;
}

.ash {
  color: #CAD2C5;
}

/**
* Classes
**/
.card {
    margin: 0 auto 10px auto;
    max-width: 97%;
}

.content {
  width: 96% !important;
}

.mb10 {
  margin-bottom: 10px;
}

.mtr {
  font-family: 'mtr';
}

.mtm {
  font-family: 'mtm';
}

.btn-inline {
  font-size: 12px !important;
  margin-top: -10px !important;
  font-family: 'mtm';
}

.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.alert-danger {
  background-color: #dc3545;
  border: 1px solid #dc3545;
  color: #EBEDEF;
}

.text-bg-aws {
  color: #374253 !important;
  background: #e2e5e8 !important;
  border:2px solid #077bc2 !important;
}

.view-image {
  display: block;
  width: 97%;
  margin: 0 auto;
}

/**
* Buttons
**/
.btn {
  font-family: 'mtm' !important;
  text-transform: uppercase;
}

.btn-primary {
  background: #2A9D8F !important;
  border: 1px solid #2A9D8F;
}

.btn-primary:hover {
  background: #fff !important;
  border: 1px solid #2A9D8F;
  color: #2A9D8F;
}

.btn-tan {
  /*background-image: linear-gradient(to bottom right, #52796F, #84A98C);*/
  background: #947F5F !important;
  border: 1px solid #947F5F;
}

.btn-ash:hover {
  background: #4F5D73 !important;
  border: 1px solid #947F5F;
  color: #947F5F !important;
}


/**
* Content
**/

/**
* Font Family
**/
@font-face {
    font-family: 'mtr';
    src: url('../font/made_tommy_regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'mtm';
    src: url('../font/made_tommy_medium-webfont.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }