/**
Theme Name: portal-branded
Description: The branded colors of the patient portal.
Author: STAT Doctors
*/

/* Use this if you want a dark header. */
/*
#navbar-primary {
    background-color: #4A535F;
    color: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none; 
}

.portal-navbar-content {
    background-color: #4A535F;
}
*/

.portal-navbar-menu-secondary li:hover, .portal-navbar-menu-secondary li:focus, .portal-navbar-menu-secondary li:active, .portal-navbar-menu-secondary li.active,
.portal-navbar-menu-utility li:hover,
.portal-navbar-menu-utility li:focus,
.portal-navbar-menu-utility li:active,
.portal-navbar-menu-utility li.active {
    color: #00A0DD; 
}

.portal-navbar-menu-secondary a:hover,
.portal-navbar-menu-secondary a:focus,
.portal-navbar-menu-secondary a:active,
.portal-navbar-menu-secondary a.active,
.portal-navbar-menu-utility a:hover,
.portal-navbar-menu-utility a:focus,
.portal-navbar-menu-utility a:active,
.portal-navbar-menu-utility a.active {
    color: #00A0DD; 
}

.login-background-container {
	background: url(/ImageStore?imagePath=content/LoginBackground.jpg) no-repeat center 0 fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.portal-footer,
.login-footer {
    background: #003764;
    color: #FFFFFF;
}

/* Use this if you want to be branded as "Powered by"*/
.portal-powered-by {
    display: inline-block;
    margin-right: 32px;
    margin-top: 6px;
    vertical-align: middle;
}

.portal-powered-by-logo {
    background-image: url("/Content/Images/CorporateLogoReversed.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.portal-footer-details {
    display: inline-block;
    vertical-align: middle;
}

/**
    Tabs
*/
.portal-tabs-underline li a:after {
    background: #00A0DD; 
}
.portal-tabs-underline li a:hover,
.portal-tabs-underline li a:focus {
    color: #00A0DD;
}
.portal-tabs-underline li.active a:hover {
    color: #00A0DD;
}

/**
    Secondary layout structures
*/
.portal-icon-list li:focus, .portal-icon-list li:hover {
    background: #00A0DD;
    border-color: #00A0DD;
    color: #FFF;
}
.portal-icon-list li:active, .portal-icon-list li:active:hover {
    background: #006DAA;
    border-color: #006DAA; 
    color: #FFF;
}

.portal-icon-list-reversed li:focus, .portal-icon-list-reversed li:hover {
    background: #00A0DD;
    border-color: #00A0DD;
    color: #FFF;
}
.portal-icon-list-reversed li:active, .portal-icon-list-reversed li:active:hover {
    background: #006DAA;
    border-color: #006DAA;
    color: #FFF;
}

/**
    Dialog elements
*/
.portal-modal-header-operation {
    color: #00A0DD;
}
.portal-modal-header-operation:hover, .portal-modal-header-operation:focus, .portal-modal-header-operation:active {
    color: #006DAA;
}

/**
    Form elements
*/
.portal-general-success {
    color: #00A0DD;
}

.portal-success-text {
    color: #00A0DD;
}

.portal-autocomplete-with-add-action {
    color: #00A0DD;
}

.portal-button {
    border: 1px solid #00A0DD;
    color: #00A0DD;
}
.portal-button:hover, .portal-button:focus {
    background-color: #00A0DD;
    border-color: #00A0DD;
    color: #FFF;
}
.portal-button:active, .portal-button:active:hover {
    background-color: #006DAA;
    border-color: #006DAA;
    color: #FFF;
}

.portal-button-reversed:hover, .portal-button-reversed:focus, .portal-button-reversed:active {
    border-color: #00A0DD;
}

.portal-button-primary {
    background-color: #00A0DD;
    border-color: #00A0DD;
    color: #FFF;
}
.portal-button-primary:hover, .portal-button-primary:focus, .portal-button-primary:active {
    background-color: #006DAA;
    border-color: #006DAA;
    color: #FFF;
}

.portal-button-link:hover, .portal-button-link:focus, .portal-button-link:active {
    color: #00A0DD;
}

.portal-button-image:hover {
    color: #00A0DD;
}
.portal-button-image:focus i, .portal-button-image:active i, .portal-button-image.active i {
    color: #00A0DD;
}

.portal-button-image-reversed:hover {
    color: #00A0DD;
}
.portal-button-image-reversed:focus i, .portal-button-image-reversed:active i, .portal-button-image-reversed.active i {
    color: #00A0DD;
}

.portal-checkbox.active::before {
    background-color: #00A0DD;
    border-color: #00A0DD;
}

.portal-radio.active::before {
    border-color: #00A0DD;
}
.portal-radio.active::after {
    background-color: #00A0DD;
    border-color: #00A0DD;
}

/**
    Wizard elements
*/
.portal-wizard-operation:hover, 
.portal-wizard-operation:active,
.portal-wizard-operation .active {
    color: #00A0DD;
}

/**
    Miscelaneous
*/
a.portal-help-link:link,
a.portal-help-link:active,
a.portal-help-link:visited {
  color: #00A0DD;
}

/**
    Because the banner logo doesn't always work at one size.
*/
.portal-logo {
    height: 36px;
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;	
}
.portal-navbar-modal {
    height: 36px;
    line-height: 36px;
}

@media (min-width: 768px) {
    .portal-logo {
        height: 48px;
        margin: -8px 0;
    }
    .portal-navbar-modal {
        height: 48px;
        line-height: 48px;
        margin: -8px 0;
    }
}
@media (min-width: 992px) {
    .portal-logo {
        height: 48px;
        margin: -8px 0;
    }
    .portal-navbar-modal {
        height: 48px;
        line-height: 48px;
        margin: -8px 0;
    }
}
@media (min-width: 1200px) {
    .portal-logo {
        height: 48px;
        margin: -8px 0;
    }
    .portal-navbar-modal {
        height: 48px;
        line-height: 48px;
        margin: -8px 0;
    }
}
@media (min-width: 1600px) {
    .portal-logo {
        height: 72px;
        margin: -12px 0;
    }
    .portal-navbar-modal {
        height: 72px;
        line-height: 72px;
        margin: -12px 0;
    }
}

@media (max-width: 767px) {
    .portal-logo {
        margin: 0;
    }
}