﻿/* Provider Portal Site-Wide CSS.  This file provides CSS overrides for the entire site and is primarily used to
   considate CSS overrides for Bootstrap styling.  All inline styles should eventually be moved here or in Site.css,
   which is primarily used for the Search user control. */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    background: #FFF url('/Libraries/images/background-fill.png') top left repeat-x;
}

.logo-header {
    padding: 0 0 0 15px;
    background-color: whitesmoke;
}

.container {
    background-color: white;
    min-height: 575px;
    border-radius: 0.5em;
    padding-top: 1.5em;
}

.green-bar {
    height: 10px;
    background-color: #7AC143;
}

.blue-bar {
    background-color: #2fa4e7;
    margin-bottom: 10px;
    min-height: 50px;
    border-top: 1px solid #2fa4e7;
    border-bottom: 1px solid #2fa4e7;
    color: white;
}

.user-welcome {
    position: absolute;
    margin: 10px 0 0 20px;
    padding: 3px;
    font-weight: 600;
    color: white;
}

.footer {
    margin-top: 25px;
    padding: 10px 0;
    text-align: center;
    background-color: dimgrey;
    color: white;
    font-size: 15px;
    font-family: Calibri;
    font-weight: 600;
}

.label-errmsg {
    display: inline;
    color: red;
    padding: 5px 0;
    font: 600 12px arial;
}

.smallfillerline {
    margin-top: 20px;
}

h4 {
    color: #317eac;
}

.left-blue-gradient {
    background: url('/Libraries/images/content-left-blue.png') right repeat-y;
    border-radius: 10px;
    padding: 5px 10px 15px;
}

/* WTCPP-64: Add some padding to the bottom of these Bootstrap elements so we can get rid of some hard line breaks: */
.row {
    margin-bottom: 1em;
}

.col-md-2 {
    margin-bottom: 1em;
}

.col-md-4 {
    margin-bottom: 1em;
}

.col-md6 {
    margin-bottom: 1em;
}


/* BOOTSTRAP OVERRIDES: */

/* Override the default Bootstrap 5 primary button colors to make it look more like the Bootstrap 3 colors: */
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.bg-primary {
    background-color: #337ab7 !important;
}

/* Login page sign-in button. Make this 100% of the parent container's width. */
.btn-signin {
    width: 100%;
}

/* "Required" asterisks on registration page: */
.required {
    color: red;
    font-size: 12px;
}

.goback {
    background-color: #f5f5f5;
    margin: 0 10px;
    padding: 8px;
}

.align-center {
    text-align: center;
}

.password-change-warning {
    font: 500 12px calibri;
    color: red;
}

.password-hint {
    font: 500 12px calibri;
    color: firebrick;
    margin: 0;
    padding: 0 0 0 15px;
    width: 28em;
}
