body {
}

/* Disable double tap zoom on mobile devices */
* {
    touch-action: manipulation;
}

/* Dynamically sizes based on screen size*/
.text-responsive-xlg {
  font-size: calc(20px + (28 - 20) * ((100vw - 300px) / (1600 - 300)));
}

.text-responsive-lg {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1600 - 300)));
}

.text-responsive-md {
  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
}

.text-responsive-sm {
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.text-responsive-xsm {
  font-size: calc(10px + (18 - 10) * ((100vw - 300px) / (1600 - 300)));
}

.text-responsive-xxsm {
  font-size: calc(8px + (16 - 8) * ((100vw - 300px) / (1600 - 300)));
}

.img-max-height {
  max-height: calc(30px + (50 - 30) * ((100vw - 300px) / (1600 - 300)));
}

/* Vertical bar separator */
.vr {
    border-left: 1px solid gray;
    width: 1px;
    height: 40px;
    margin-left: 10px;
    margin-right: 15px;
}

/* Overwriting Bootstrap progress class */
.progress {
    height: 4px;
}

/* Make selected btn-secondary buttons look more different (look like btn-success selected) */
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}