﻿/* Global utility classes for replacing inline styles. Keep minimal and semantic-lean. */

/* Heights/Widths */
.h-95 {
    height: 95%;
}

.w-0 {
    width: 0 !important;
}

.w-45px {
    width: 45px;
}

.w-80px {
    width: 80px;
}

.w-200px {
    width: 200px;
}

.h-025rem {
    height: 0.25rem;
}

.min-w-200px {
    min-width: 200px;
}

.min-h-550px {
    min-height: 550px;
}

.min-h-700px {
    min-height: 700px;
}

.max-h-600px {
    max-height: 600px;
}
.kapow-max-w{
    width:100%;
}
/* Negative margins (use sparingly) */
.mr-neg-1 {
    margin-right: -1px;
}

/* Colors / Backgrounds */
.bg-brand-blue {
    background: #002554;
}

.text-white-important {
    color: #ffffff !important;
}

/* Positioning helpers */
.fixed-bottom-bar {
    position: fixed;
    bottom: 0;
    height: 60px;
    line-height: 60px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

/* Overflow helpers */
.overflow-y-auto {
    overflow-y: auto;
}

.background-transparent {
    background-color: transparent;
}

.background-colour {
    background-color: #002554;
}

.dropdown-style {
    padding: 0 0.75rem;
    height: 100%;
}

.kapow-display-none {
    display: none;
}

.kapow-margin-0 {
    margin: 0;
}

.kapow-translation-tab {
    padding-left: 15px;
    padding-right: 15px;
    max-height: 600px;
    overflow-y: auto;
}

.kapow-overflow {
    overflow: visible
}

.kapow-index-background {
    background-color: rgba(112, 128, 144, 0.05);
    min-height: 700px
}

.kapow-w-45{
    width:45px;
}

.kapow-margin-r--1{
    margin-right:-1px;
}

.kapow-dynamic{
    display: block; overflow-y:auto; height: 316px;
}