/* PAGE FONTS */

@font-face {
  src: url(../fonts/source_sans_pro/SourceSansPro-Regular.ttf);
}

/* PAGE FORMAT */

html {
  height: 100% !important;
  width: 100% !important;
  padding: 0;
  margin: 0;
  font-family: ssp-regular;
}

/* BACKGROUND IMAGE */

body {
  font-family: 'Source Sans Pro', sans-serif;
  background-attachment: fixed;
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.8)),to(rgba(0,0,0,0.8))), url('../images/backgrounds/map-world-faint.jpg');
  background-image: linear-gradient(rgba(255,255,255,0.8),rgba(0,0,0,0.8)), url('../images/backgrounds/map-world-faint.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* OTHER */

h3 {
  font-weight: normal;
}

hr {
  margin-top: 0;
}

label {
  font-weight: bold;
}

li {
  list-style-type: square;
}

/* GRID VERTICAL CENTER */

.grid {
  display: grid;
  place-items: center;
}

/* BACKGROUND COLORS */

.bg-primary {
  background-color: rgba(42,124,174,1.0) !important;
  color: #EEE;
}

.bg-success {
  background-color: rgba(39, 90, 57, 1) !important;
  color: #EEE;
}

/* BUTTON COLORS */

.btn-primary {
  border-color: rgba(42,124,174,1.0) !important;
  background-color: rgba(42,124,174,0.9) !important;
}

.btn-success {
  border-color: rgba(39, 90, 57, 1) !important;
  background-color: rgba(39, 90, 57, 1) !important;
}

.btn-outline-primary {
  border-color: rgba(42,124,174,1.0) !important;
  color: rgb(42,124,174) !important;
}

.btn-outline-success {
  border-color: rgba(39, 90, 57, 1) !important;
  color: rgb(45,135,84) !important;
}

.btn-outline-primary:hover {
  background-color: rgba(42,124,174,1.0) !important;
  color: rgb(255,255,255) !important;
}

.btn-outline-success:hover {
  background-color:rgba(39, 90, 57, 1) !important;
  color: rgb(255,255,255,1.0) !important;
}

/* CARD BODY */

.card {
  background-color: rbga(100,100,100,0.05) !important;
  border-radius: .25rem !important;
}

.card-body {
  background-color: rbga(100,100,100,0.05) !important;
  border-radius: .25rem !important;
}

/* TEXT COLORS */

.text-primary {
  color: rgba(42,124,184,1.0) !important;
}

.text-success {
  color: rgba(39, 90, 57, 1) !important;
}

.text-shadow {
  text-shadow: 2px 4px 6px rgba(50,50,50,0.50);
}

/* MARGINS */

.mb-6 {
  margin-bottom: 60px !important;
}

.mb-7 {
  margin-bottom: 70px !important;
}

.mb-8 {
  margin-bottom: 80px !important;
}

.mb-9 {
  margin-bottom: 90px !important;
}

.mb-10 {
  margin-bottom: 100px !important;
}

.mt-6 {
  margin-top: 60px !important;
}

.mt-7 {
  margin-top: 70px !important;
}

.mt-8 {
  margin-top: 80px !important;
}

.mt-9 {
  margin-top: 90px !important;
}

.mt-10 {
  margin-top: 100px !important;
}

.my-6 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-7 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.my-8 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.my-9 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.my-10 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

/* PADDINGS */

.pb-6 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pb-7 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pb-8 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pb-9 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pb-10 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.py-6 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-7 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.py-8 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.py-9 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.py-10 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* NO PRINT */

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}