:root {
    --theme-color: #197F3F;
    --theme2: #231F20;
}

/* Typography */
.display-2_5rem {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

/* Tables */
.table-layout-fixed {
    table-layout: fixed;
}

/* Utilites */
/* Border */
.border-bottom-double {
    border-bottom: double ! important;
}

/* Display */
.d-print-page-break-before { page-break-before: always; }

/* Positioning */
.fixed-top-right {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1030;
}

/* Sizing - Width */
.w-30 { width: 30% ! important; }
.w-3rem { width: 3rem ! important; }
.w-min-6rem { min-width: 6rem; }
.w-min-12rem { min-width: 12rem; }
@media (min-width: 768px) {
    .w-md-50 { width: 50% ! important; }
}

/* Spacing - Margin */
.mr-5rem { margin-right: 5rem ! important; }

/* Spacing - Padding */
.pl-0_75rem { padding-left: 0.75rem ! important; }
.pl-1_25rem { padding-left: 1.25rem ! important; }
.pl-2rem { padding-left: 2rem ! important; }

/* Spacing */
@media (min-width: 768px) {
    .mt-md-0_75rem { margin-top: 0.75rem ! important; }
    .pl-md-0_75rem { padding-left: 0.75rem ! important; }
    .pl-md-2rem { padding-left: 2rem ! important; }
}

/* Text */
.text-underline { text-decoration: underline ! important; }

/* Overflow */
.o-hidden {
    overflow: hidden ! important;
}

/* z-index */
.z-1 {
    z-index: 1;
}

/* all div within card-header to follow header line-height of 1.2  */
.card-header {
    line-height: 1.2;
}

/* all header within card-header to follow card-header margin-bottom of 0  */
.card-header .h1,
.card-header .h2,
.card-header .h3,
.card-header .h4,
.card-header .h5,
.card-header .h6,
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    margin-bottom: 0;
}

iframe {
    background-image: url('../images/spinner-pulse.gif');
    background-repeat: no-repeat;
    height: calc(100vh - 98px);
    width: 1px;
    min-width: 100%;
    min-height: -webkit-calc(100vh - 93px);
    *width: 100%;
}

iframe.ios {
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

main {
    margin-top: 1rem ! important;
}

#main-wrapper {
    overflow: hidden;
    width: auto ! important;
    min-height: calc(100vh - 50px);
}

#mainTab > li {
    position: relative;
}

#mainTab > li > a {
    display: inline-block;
}

#mainTab > li > button.close {
    display: none;
    position: absolute;
    right: 3px;
    top: 6px;
}

#mainTab > li:hover > button.close {
    display: inline-block;
}