/* CSS Document */

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

/* PRINTING */

@media print {
  .no-print {
    display: none !important;
  }
  body {
    font-size: 8px !important;
  }
}

/* BACKGROUND IMAGE */

body {
  font-family: "SourceSansPro-Regular", sans-serif;
  background-attachment: fixed;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(250, 250, 250, 0.3)),
      to(rgba(0, 0, 0, 0.6))
    ),
    url("../images/backgrounds/map-world-faint.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

html,
body {
  height: 100%;
  width: 100%;
}

hr {
  border: 1px solid rgba(0, 0, 0, 0.075) !important;
}

input.form-control.bg-danger {
  background-color: rgb(245, 198, 203, 0.9) !important;
  color: black !important;
}

input.form-control.bg-success {
  background-color: rgb(195, 230, 203, 0.9) !important;
  color: black !important;
}

input.form-control.bg-warning {
  background-color: rgb(255, 238, 186, 0.9) !important;
  color: black !important;
}

.bg-top {
  background: url(../images/backgrounds/gm_bg_green_top.jpg) !important;
  background-size: cover !important;
  z-index: 1050 !important;
}

.bg-bottom {
  background: url(../images/backgrounds/gm_bg_blue_bottom.jpg) !important;
  background-size: cover !important;
  z-index: 1050 !important;
}

.bg-black {
  background-color: rgba(0, 0, 0, 0.75) !important;
}

.bg-dark {
  background-color: rgba(0, 0, 0, 0.75) !important;
}

.bg-light {
  background-color: rgba(230, 230, 230, 0.65) !important;
}

.border-danger {
  border: 1px solid rgba(125, 45, 84, 0.275) !important;
}

.border-primary {
  border: 1px solid rgba(45, 84, 125, 0.275) !important;
}

.border-secondary {
  border: 1px solid rgba(0, 0, 0, 0.275) !important;
}

.border-success {
  border: 1px solid rgba(45, 125, 84, 0.275) !important;
}

.border-warning {
  border: 1px solid rgba(120, 100, 50, 0.275);
}

.btn {
  text-transform: uppercase !important; /* Set text to uppercase */
  cursor: pointer; /* Mouse pointer on hover */
}

.bg-primary-light {
  background-color: rgba(45, 84, 125, 0.2) !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: #000 !important;
}

.btn-danger,
.bg-danger,
.thead-danger,
.nav {
  background-color: rgba(125, 45, 84, 0.9) !important;
  color: #fff !important;
}

.btn-primary,
.bg-primary,
.thead-primary,
.nav {
  background-color: rgba(45, 84, 125, 0.9) !important;
  color: #fff !important;
}

.btn-success,
.bg-success,
.thead-success,
.nav {
  background-color: rgba(45, 125, 84, 0.9) !important;
  color: #fff !important;
}

.btn-secondary,
.bg-secondary,
.thead-secondary,
.nav {
  background-color: rgba(35, 35, 35, 0.9) !important;
  color: #fff !important;
}

.btn-warning,
.bg-warning,
.thead-secondary,
.nav {
  background-color: rgba(120, 100, 50, 0.9) !important;
  color: #fff !important;
}

.pointer {
  cursor: pointer;
}

.pointer:hover {
  color: red;
}

.capitalize,
label {
  text-transform: capitalize !important;
}

.monospaced {
  font-family: "Courier New", Courier, monospace;
}

.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.table {
  margin-bottom: 0 !important;
}

.text-danger {
  color: rgb(200, 45, 69, 1) !important;
}

.text-primary {
  color: rgba(45, 84, 125, 1) !important;
}

.text-secondary {
  color: rgba(35, 35, 35, 1) !important;
}

.text-success {
  color: rgba(45, 125, 84, 1) !important;
}

.text-shadow {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.text-white-shadow {
  font-weight: 300;
  text-shadow: 4px 4px 4px rgba(255, 255, 255, 0.25) !important;
}

.w-2 {
  width: 2% !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.x-small {
  font-size: 14pt;
}

/* BLINKING TEXT */

.blink {
  -webkit-animation: blinker 0.6s linear infinite;
  animation: blinker 0.6s linear infinite;
  color: red;
  font-size: 12px;
  font-weight: bold;
  font-family: sans-serif;
}
@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.blink-one {
  -webkit-animation: blinker-one 1s linear infinite;
  animation: blinker-one 1s linear infinite;
}
@-webkit-keyframes blinker-one {
  0% {
    opacity: 0;
  }
}
@keyframes blinker-one {
  0% {
    opacity: 0;
  }
}
.blink-two {
  -webkit-animation: blinker-two 1.4s linear infinite;
  animation: blinker-two 1.4s linear infinite;
}
@-webkit-keyframes blinker-two {
  100% {
    opacity: 0;
  }
}
@keyframes blinker-two {
  100% {
    opacity: 0;
  }
}

td,
th,
tr {
  vertical-align: middle !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.btn:hover {
  font-family: Georgia, serif;
}