:root {
    --primary: #03999e;
    --secondary: #00bec4;
    --text-btn-secondary-hover: #FFF;
}

.userimage{
    max-height: 38px;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.1rem var(--secondary);
}

.btn-primary:focus
{
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem var(--secondary);
}

.btn-primary:active{
    box-shadow: 0 0 0 0.25rem var(--primary) !important;
}

.btn-secondary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.1rem var(--primary);
}

.btn-secondary:focus
{
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.25rem var(--primary);
}

.btn-secondary:active{
    box-shadow: 0 0 0 0.25rem var(--secondary) !important;
}

.btn-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
}

.btn-outline-secondary:hover {
    color: var(--text-btn-secondary-hover);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}


.link-primary {
    color: var(--primary);
}
.link-primary:hover, .link-primary:focus {
    color: var(--primary);
}

.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem var(--secondary);
}

.header-container {
    width: 100%;
    position: relative;
}

.header-container .caption {
    z-index: 1;
    position: relative;
}

/* if header contains video, this css is needed */
.header-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}